CSS scroll-behavior అట్రిబ్యూట్

నిర్వచనం మరియు వినియోగం

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