စီစ်ကိုင်နည်း CSS overscroll-behavior-x အခြေအနေ

定义和用法

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

注意：要在 x 方向上触发 overscroll-behavior，您可能需要在触摸板或触摸屏上使用滑动手势。

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

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

实例

在 x 方向上关闭可滚动的

元素的滚动链：

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

亲自试一试

CSS 语法

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

属性值

值 描述
auto 允许滚动链和过度滚动反馈行为。默认值。
contain 允许过度滚动反馈行为，但不允许滚动链。
none အသုံးပြုမှု မပြုပါဘူး အသုံးပြုသည် အပိုင်းအခြား အသုံးပြုသည် အခြား အပိုင်းအခြား အခြေအနေ မှ ပြောင်းလဲပါ
initial အပြောင်းအလဲ အခြေအနေ သို့ ပြောင်းလဲပါ။ ကြည့်ပါ: initial。
inherit ဖြစ်ပေါ်လာသော ပုံစံ သည် အဖိုင်အရာ အပြောင်းအလဲ မှ ထွက်ပေါ်လာသည်။ ကြည့်ပါ: inherit。

နည်းပါး သတင်း

မည်သည့် အခြေအနေ မှ ပြောင်းလဲပါ auto
အပြောင်းလဲနိုင်ခြင်း မမြတ်တော်မူ
အနုတယ် ပြုလုပ် မမြတ်တော်မူပါ။ ကျမ်းကို ကြည့်ပါ:အနုတယ် လုပ်ဆောင် သုံးစွဲ ဖော်ပြ。
ပုံစံ CSS3
JavaScript လိုင်းသုံးနည်း object.style.overscrollBehaviorX="none"

ဗီရို အထောက်အကူ

အခြေအနေ စာရင်းတွင် စာရင်းအမှတ် သည် အပြောင်းအလဲ မရှိသေးသော ဗီရို သတင်း ပေါ် လုပ်ဆောင် လိမ့်မည် သည် ပြောင်းလဲသည်။

Chrome Edge Firefox Safari Opera
63.0 18.0 * 59.0 16.0 50.0

* Microsoft Edge တွင် ဗီရို သတင်းသည် တက်ရောက် လိမ့်မည် သည် မမှန်ကန်ချေ။

ပါဝင်သော စာမျက်နှာ

ကိုးကားခြင်းစီစ်ကိုင်နည်း CSS overscroll-behavior အခြေအနေ

ကိုးကားခြင်းစီစ်ကိုင်နည်း CSS overscroll-behavior-block အခြေအနေ

ကိုးကားခြင်းစီစ်ကိုင်နည်း CSS overscroll-behavior-inline အခြေအနေ

ကိုးကားခြင်းစီစ်ကိုင်နည်း CSS overscroll-behavior-y အခြေအနေ

ကိုးကားခြင်းစီစ်ကိုင်နည်း CSS scroll-behavior အခြေအနေ

ကိုးကားခြင်းစီစ်ကိုင်နည်း CSS scroll-margin အခြေအနေ

ကိုးကားခြင်းစီစီစ်ပုံ scroll-padding သုံးသပ်

ကိုးကားခြင်းစီစီစ်ပုံ scroll-snap-align သုံးသပ်