overscroll-behavior CSS 属性是 overscroll-behavior-x 和 overscroll-behavior-y 属性的合并写法,让你可以控制浏览器过度滚动时的表现——也就是滚动到边界。
| overscroll-behavior属性值 | |
|---|---|
| 值 | 描述 |
| auto | 默认效果 |
| contain | 默认的滚动边界行为不变(“触底”效果或者刷新),但是临近的滚动区域不会被滚动链影响到,比如对话框后方的页面不会滚动。 |
| none | 临近滚动区域不受到滚动链影响,而且默认的滚动到边界的表现也被阻止。 |
在html标签或出现滚条盒子的div中添加overscroll-behavior CSS属性
body,
html {
overscroll-behavior: none;
}
PS:如果你使用了uniapp的scroll-view组件,需要在scroll-view组件下的类名为uni-scroll-view的盒子添加属性overscroll-behavior:none;