哈?出现这个问题就是编码姿势不对啦。。。
因为移动端是基于touch事件的,你若是将overflow:hidden
用在了body上
body{
overflow: hidden;
}
是不管用的。解决办法:
在需要隐藏滚动的内容上包裹一层div,然后给这个div设置overflow:hidden
,就可以了,如下
//HTML
<body>
<div class="hidDiv">
<section class="wrap">隐藏滚动的内容</section>
</div>
</body>
//CSS
html {
width: 100%;
height: 100%;
}
.hidDiv{
width:100%;
height:100%;
overflow: hidden!important;
}