CSS scroll-behavior అట్రిబ్యూట్
- పూర్వ పేజీ @scope
- తదుపరి పేజీ scroll-margin
నిర్వచనం మరియు వినియోగం
scroll-behavior లక్షణం యుజర్ కు క్లిక్ చేసినప్పుడు స్క్రోల్ బాక్స్ లోని లింకులను సులభంగా (అనిమేషన్ తో) స్క్రోల్ చేయాలా లేదా నేరుగా జరగాలా అని నిర్ణయిస్తుంది.
ఉదాహరణ
డాక్యుమెంట్కు సులభంగా స్క్రోల్ ప్రభావాన్ని జోడించండి:
html {
scroll-behavior: smooth;
}
CSS సంకేతాలు
scroll-behavior: auto|smooth|initial|inherit;
లక్షణ విలువ
| విలువ | వివరణ |
|---|---|
| auto | అప్రమేయ విలువ. స్క్రాల్ బాక్స్ లోని అంశాల మధ్య నేరుగా స్క్రోల్ ప్రభావాన్ని అనుమతిస్తుంది. |
| smooth | స్క్రాల్ బాక్స్ లోని అంశాల మధ్య సులభంగా స్క్రోల్ ప్రభావాన్ని అనుమతిస్తుంది. |
| initial | ఈ లక్షణాన్ని అప్రమేయ విలువకు అందిస్తాయి. దయచేసి ఈ కి సంబంధించి చూడండి: initial. |
| inherit | ఈ లక్షణాన్ని తన పేర్పడ్డ ఎల్లి అంశం నుండి పారంపర్యం చేసుకుంది. దయచేసి ఈ కి సంబంధించి చూడండి: inherit. |
సాంకేతిక వివరాలు
| అప్రమేయ విలువ: | auto |
|---|---|
| పారంపర్యం: | ఏ |
| అనిమేషన్ తయారీ: | మద్దతు లేదు. దయచేసి ఈ కి సంబంధించి చూడండి:అనిమేషన్ సంబంధిత లక్షణాలు. |
| వెర్షన్: | CSSOM వ్యూ మాడ్యూల్ (పని చెయ్యుతున్న చర్యాదృశ్యం) |
| జావాస్క్రిప్ట్ సంకేతాలు: | object.style.scrollBehavior="smooth" |
బ్రౌజర్ మద్దతు
పట్టికలో ఉన్న సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ వెర్షన్ ని పేర్కొన్నాయి.
| క్రోమ్ | IE / ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఓపెరా |
|---|---|---|---|---|
| 61.0 | 79.0 | 36.0 | 14.0 | 48.0 |
- పూర్వ పేజీ @scope
- తదుపరి పేజీ scroll-margin
