స్టైల్ scrollBehavior లక్షణం
- ముందు పేజీ right
- తరువాత పేజీ tableLayout
- పైకి తిరిగి HTML DOM Style ఆబ్జెక్ట్
నిర్వచనం మరియు వినియోగం
scrollBehavior అనిమేషన్ ప్రభావం ఉన్నప్పుడు వినియోగదారుడు క్లిక్ చేసిన లింక్ నుండి స్మోత్తు గా స్క్రోల్ చేయడానికి పరిణామం ఉంటుంది లేదా నేరుగా స్క్రోల్ చేయబడుతుంది.
మరింత చూడండి:
CSS పరిశీలన మానాలు:scroll-behavior లక్షణం
ఉదాహరణ
ప్రాంతానికి స్మోత్తు గా రోలింగ్ ప్రభావాన్ని జోడించండి:
document.documentElement.style.scrollBehavior = "smooth";
సింథాక్స్
object.style.scrollBehavior = "auto|smooth|initial|inherit"
లక్షణ విలువ
| విలువ | వివరణ |
|---|---|
| auto | డిఫాల్ట్. రోలింగ్ బాక్స్ లోని ఎలమెంట్ ల మధ్య నేరుగా స్క్రాల్ చేయడానికి అనుమతిస్తుంది. రోలింగ్ ప్రభావం |
| smooth | స్మోత్తు గా రోలింగ్ బాక్స్ లోని ఎలమెంట్ ల మధ్య ఆనిమేషన్ అనుమతిస్తుంది. రోలింగ్ ప్రభావం |
| initial | ఈ లక్షణాన్ని దాని డిఫాల్ట్ విలువకు సెట్ చేయండి. మరింత వివరాలకు చూడండి initial. |
| inherit | ఈ లక్షణాన్ని తన పూర్వీక ఎలమెంట్ నుండి పాటించు. మరింత వివరాలకు చూడండి inherit. |
బ్రౌజర్ మద్దతు
పట్టికలో ఉన్న సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇస్తున్న మొదటి బ్రౌజర్ వెర్షన్ ని పేర్కొన్నాయి.
| చ్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఓపెరా |
|---|---|---|---|---|
| చ్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఓపెరా |
| 61.0 | 79.0 | 36.0 | 14.0 | 48.0 |
- ముందు పేజీ right
- తరువాత పేజీ tableLayout
- పైకి తిరిగి HTML DOM Style ఆబ్జెక్ట్
