在移动端设置overflow:hidden为什么页面还能滚?禁止方法

如果把 overflow:hidden 用在 body 标签,移动端浏览器依然能滚动,因为移动端是基于touch事件,解决方法有两个。

mobile-hidden.png

方法一:

将要隐藏滚动的内容加上一个包裹层div,然后给这个div设置高度为window.height(),并且 overflow:hidden 就可以解决你的问题。

方法二:

给 body 添加 position:fixed; 示例:

body {
	overflow:hidden;
	position:fixed;
	left:0;
	top:0;
}

关键词: css