H5 IOS页面回弹效果解决

1,049 阅读1分钟

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;