Mfano wa overscroll-behavior-y kwa CSS

定义和用法

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

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

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

实例

关闭可滚动的

元素的滚动链：

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

亲自试一试

CSS 语法

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

属性值

值 描述
auto 允许滚动链和过度滚动反馈行为。默认值。
contain 允许过度滚动反馈行为，但不允许滚动链。
none 不允许过度滚动反馈或滚动链行为。
initial 将此属性设置为其默认值。参阅 initial。
inherit 从其父元素继承此属性。参阅 inherit。

技术细节

默认值： auto
继承性： 否
动画制作： 不支持。请参阅：动画相关属性。
版本： CSS3
JavaScript 语法： object.style.overscrollBehaviorY="none"

浏览器支持

表格中的数字表示首个完全支持该属性的浏览器版本。

Chrome Edge Firefox Safari Opera
63.0 18.0 * 59.0 16.0 50.0

* 在 Microsoft Edge 中，属性值 none 被当作 contain 处理，这是不正确的。

Matokeo ya kusikitika

Tunakuta:Mfano wa overscroll-behavior kwa CSS

Tunakuta:Mfano wa overscroll-behavior-block kwa CSS

Tunakuta:Mfano wa overscroll-behavior-inline kwa CSS

Tunakuta:Mfano wa overscroll-behavior-x kwa CSS

Tunakuta:Mfano wa scroll-behavior kwa CSS

Tunakuta:Mfano wa scroll-margin kwa CSS

Tunakuta:Mfano wa CSS scroll-padding

Tunakuta:Mfano wa CSS scroll-snap-align