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

ముంది పేజీ overscroll-behavior-block
తరువాతి పేజీ overscroll-behavior-x

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

overscroll-behavior-inline అనునది అనువర్తనం స్క్రాల్‌ బౌండరీని దాటి స్క్రాల్‌ చేయడానికి ప్రయత్నిస్తుంది వద్ద కంపోనెంట్‌ని స్క్రాల్‌ లైన్‌ను మూసివేస్తుంది లేదా ఓవర్‌స్క్రాల్‌ ఫీడ్‌బ్యాక్‌ను అనువర్తిస్తుంది.

గమనిక:నుంచి నెలకొనే ఆఫ్స్‌క్రాల్‌-బీహేవియర్‌ను అనువర్తించడానికి, మీరు టచ్‌బోర్డ్ లేదా టచ్‌స్క్రీన్‌లో స్క్రాల్‌ హాండ్ స్మాష్‌ను ఉపయోగించవలసి ఉంటుంది.

滚动链是指在一个元素上过度滚动会导致父元素的滚动行为。这是默认行为。

过度滚动反馈是当用户尝试滚动超出滚动边界时给予的反馈。例如，在移动设备上，当尝试滚动超出页面顶部时，通常会伴随着页面刷新的视觉反馈。

CSS 的 overscroll-behavior-inline మరియు overscroll-behavior-block 属性与 overscroll-behavior-x మరియు overscroll-behavior-y 属性非常相似，但 overscroll-behavior-inline మరియు overscroll-behavior-block లక్షణం బ్లాక్ దిశ మరియు పద్ధతి దిశ పై ఆధారపడి ఉంటుంది.

గమనిక:సంబంధిత CSS లక్షణాలు writing-mode పద్ధతి దిశ నిర్వచిస్తుంది. ఇది పద్ధతి దిశ ను x దిశలో లేదా y దిశలో ఉండాలో నిర్ణయిస్తుంది, మరియు overscroll-behavior-inline లక్షణం యొక్క ఫలితం. ఇంగ్లీష్ పేజీలో, పద్ధతి దిశ పూర్వం వామాభిముఖం ఉంటుంది, బ్లాక్ దిశ పత్రాలు క్రిందకు ఉంటాయి.

ప్రతిమాత్రం

ఉదాహరణ 1

ఇన్‌లైన్ దిశలో స్క్రోలింగ్ చేయబడిన డివ్ కంపోనెంట్ యొక్క స్క్రోలింగ్ లైన్‌ను మూసివేయండి:

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

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

ఉదాహరణ 2: writing-mode లక్షణంతో కలిపి

డివ్ కంపోనెంట్ యొక్క writing-mode అతికృత విలువను 'vertical-rl' గా అమర్చినప్పుడు, పద్ధతి దిశ యొక్క వైపునకు మారుతుంది, కాబట్టి overscroll-behavior-inline ఇప్పుడు y దిశలో పని చేస్తుంది, కానీ x దిశలో పని చేయకుండా ఉంటుంది:

#yellowDiv {
  writing-mode: vertical-rl;
  overscroll-behavior-inline: contain;
}

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

CSS సంకేతాలు

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

లక్షణ విలువ

విలువ	వివరణ
auto	స్క్రోలింగ్ లైన్ మరియు అధిక స్క్రోలింగ్ ఫీడ్‌బ్యాక్ ప్రవర్తనను అనుమతించండి. అప్రమేయ విలువ.
contain	అధిక స్క్రోలింగ్ ఫీడ్‌బ్యాక్ ప్రవర్తనను అనుమతించండి, కానీ స్క్రోలింగ్ లైన్‌ను అనుమతించకుండా పెట్టండి。
none	అధిక స్క్రోలింగ్ ఫీడ్‌బ్యాక్ లేదా స్క్రోలింగ్ లైన్ ప్రవర్తనను అనుమతించకుండా పెట్టండి。
initial	ఈ లక్షణాన్ని అప్రమేయ విలువకు అమర్చండి. దయచేసి ఈ లింక్ ను సందర్శించండి: initial.
inherit	ఈ లక్షణాన్ని తన ప్రాతిపదిక కారణంగా పారంపర్యం చేసుకుంటుంది. దయచేసి ఈ లింక్ ను సందర్శించండి: inherit.

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

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