该属性采用三个值:
- auto - 默认。源自元素的滚动可以传播到祖先元素。
- contain - 防止滚动链接。滚动不会传播到祖先,但会显示节点内的局部效果。例如,Android 上的过度滚动发光效果或 iOS 上的橡皮筋效果,当用户到达滚动边界时会通知用户。注意:
overscroll-behavior: contain
在html
元素上使用 可防止过度滚动导航操作。 - none - 与此相同,
contain
但它还可以防止节点本身内的过度滚动效果(例如 Android 过度滚动发光或 iOS 橡皮筋)。
禁用下拉刷新
body {
overscroll-behavior-y: contain;
}
禁用过度滚动发光和橡皮筋效果
body {
overscroll-behavior-y: none;
}