ບັນດາຄວາມ overscroll-behavior-x CSS

定义和用法

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 ຄູ່ມູນຄືກັບ contain ບໍ່ໄດ້ຖືກຕ້ອງ.

ເບີໂລຍ

ກ່ຽວກັບບັນດາຄວາມ overscroll-behavior CSS

ກ່ຽວກັບບັນດາຄວາມ overscroll-behavior-block CSS

ກ່ຽວກັບບັນດາຄວາມ overscroll-behavior-inline CSS

ກ່ຽວກັບບັນດາຄວາມ overscroll-behavior-y CSS

ກ່ຽວກັບບັນດາຄວາມ scroll-behavior CSS

ກ່ຽວກັບບັນດາຄວາມ scroll-margin CSS

ກ່ຽວກັບບັນດາການ CSS scroll-padding

ກ່ຽວກັບບັນດາການ CSS scroll-snap-align