CSS overscroll-behavior-x 属性

关闭 x 方向上可滚动 <div> 元素的滚动链接：

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

定义和用法

这个overscroll-behavior-x当您尝试在 x 方向上滚动越过滚动边界时，属性用于关闭元素上的滚动链接或过度滚动功能。

笔记：要沿 x 方向横向滚动以触发过度滚动行为，您可能需要在触摸板或触摸屏上使用滑动手势。

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

过度滚动可供性是当尝试滚动超出滚动边界时给用户的反馈。例如，当移动设备滚动到页面顶部之外时，视觉反馈和页面刷新通常会发生。

默认值：	汽车
遗传：	不
可动画：	不。阅读可动画的
版本：	CSS3
JavaScript 语法：	对象.style.overscrollBehaviorX="none"尝试一下

表中的数字指定完全支持该属性的第一个浏览器版本。

Property
overscroll-behavior-x	63.0	18.0 *	59.0	16.0	50.0

* 在 Microsoft Edge 中，属性值“none”被视为“contain”，这是不正确的。

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

Value	Description
auto	Allows scroll chaining and overscroll affordance behavior. This is default
contain	Allows overscroll affordance behavior, but not scroll chaining.
none	Does not allow overscroll affordance or scroll chaining behavior.
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit