CSS ఓవర్‌స్క్రాల్‌బీహేవియర్‌ఎక్స్ అట్రిబ్యూట్

定义和用法

overscroll-behavior-x 属性用于在 x 方向上尝试滚动超出滚动边界时,关闭元素的滚动链或过度滚动反馈。

గమనిక:x దిక్కున overscroll-behavior ను ప్రేరేయండి ఉండాలి, మీరు టచ్స్క్రీన్ లేదా టచ్ప్యాడ్స్ పై స్లైడ్ హాండ్ ఉపయోగించవలసి ఉంటుంది.

స్క్రోలింగ్ లింక్ఒక ఎలిమెంట్ పైన ఓవర్ స్క్రోలింగ్ చేయడం ప్రాణికి తన ప్రాణికి స్క్రోలింగ్ ప్రవర్తనను అందిస్తుంది. ఇది అప్రమేయ ప్రవర్తన.

ఓవర్ స్క్రోల్ఫీడ్బ్యాక్ అనేది వినియోగదారు స్క్రోలింగ్ పరిమితిని దాటినప్పుడు ఇచ్చే ఫీడ్బ్యాక్. ఉదాహరణకు, మొబైల్ పరికరాలలో, పేజీ మొదటి స్థానానికి స్క్రోలింగ్ చేయడం వలన పేజీ రీఫ్రెష్ చేయబడుతుంది.

ఉదాహరణ

కుడి దిక్కున స్క్రోలింగ్ చేయబడని <div> ఎలిమెంట్ యొక్క స్క్రోలింగ్ లింక్ అనుమతించండి:

#yellowDiv {
  overscroll-behavior-x: contain;
}

స్వయంగా ప్రయత్నించండి

CSS సంకేతాలు

overscroll-behavior-x: auto|contain|none|initial|inherit;

లక్షణ విలువ

విలువ వివరణ
auto స్క్రోలింగ్ లింక్ ప్రవర్తన మరియు అనుమతించబడని అంతరాయం సమాచారం అనుమతించబడుతుంది. అప్రమేయ విలువ.
contain అనుమతించబడని స్క్రోలింగ్ లింక్ ప్రవర్తన లేదా అంతరాయం సమాచారం అనుమతించబడుతుంది.
none అనుమతించబడని మద్దతు లేదు అంతరాయం సమాచారం లేదా స్క్రోలింగ్ లింక్ ప్రవర్తన.
initial ఈ లక్షణాన్ని అప్రమేయ విలువకు సెట్ చేయండి. చూడండి: initial.
inherit ఈ లక్షణాన్ని తన ప్రాతిపదికన పారంపర్యం చేసుకుంటుంది. చూడండి: inherit.

సాంకేతిక వివరాలు

అప్రమేయ విలువ: auto
పారంపర్యం సాధిస్తుంది: సంఖ్యాలు లేదు
అనిమేషన్ నిర్మాణం: మద్దతు లేదు. చూడండి:అనిమేషన్ సంబంధిత లక్షణాలు.
వెర్షన్: CSS3
జావాస్క్రిప్ట్ సంకేతాలు: object.style.overscrollBehaviorX="none"

బ్రౌజర్ మద్దతు

పట్టికలో ఉన్న సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ వెర్షన్ ను ప్రతినిధీకరిస్తాయి.

క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఆపెరా
63.0 18.0 * 59.0 16.0 50.0

* Microsoft Edge లో, none విలువ కంటేన్ గా పరిగణించబడుతుంది, ఇది సరైనది కాదు.

సంబంధిత పేజీ

పరికళ్పనలు:CSS ఓవర్‌స్క్రాల్‌బీహేవియర్ అట్రిబ్యూట్

పరికళ్పనలు:CSS ఓవర్‌స్క్రాల్‌బీహేవియర్‌బ్లాక్ అట్రిబ్యూట్

పరికళ్పనలు:CSS ఓవర్‌స్క్రాల్‌బీహేవియర్‌ఇన్లైన్ అట్రిబ్యూట్

పరికళ్పనలు:CSS ఓవర్‌స్క్రాల్‌బీహేవియర్‌వై అట్రిబ్యూట్

పరికళ్పనలు:CSS స్క్రోల్‌బీహేవియర్ అట్రిబ్యూట్

పరికళ్పనలు:CSS స్క్రోల్‌మార్జిన్ అట్రిబ్యూట్

పరికళ్పనలు:CSS scroll-padding అట్రిబ్యూట్

పరికళ్పనలు:CSS scroll-snap-align అట్రిబ్యూట్