ບັນດາຄວາມ overscroll-behavior-x CSS
- ກັບຄືນ overscroll-behavior-inline
- ກັບໄປຕໍ່ overscroll-behavior-y
定义和用法
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
- ກັບຄືນ overscroll-behavior-inline
- ກັບໄປຕໍ່ overscroll-behavior-y