h5移动端页面不能滑动的问题--记录
h5移动端页面不能滑动的问题--记录
·
问题是因为阻止了事件默认行为导致的页面不能滚动。删掉那段代码就行了。
* {
/* touch-action: none; */
}
就是上面的代码导致的,删掉就好了。还看到设置了html或body的高度height:100%;overflow:hidden;这样也会导致不能滑动
导致这个问题的原因可以从两个js和css这方面去排查
1 查看js中是否有添加类似下面的代码
//这个的作用就是 禁掉相应的事件
document.addEventListener('touchmove', function(e) {
e.preventDefault();
}, false)
2 css中html或者body,或者页面的容器是否有以下样式
overflow: hidden;
height: 100%;
touch-action: none;
最后,终于找到问题原因,是body下面有touch-action: none
更多推荐
已为社区贡献2条内容
所有评论(0)