h5页面不能滑动的问题--记录

刚刚做项目的时候发现h5页面不能往下滑动。也不知道原因是什么，于是在网上看到了类似问题的分析，总结如下

导致这个问题的原因可以从两个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

参考博客

https://blog.csdn.net/u010833605/article/details/50779342?depth_1-utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-task

https://www.jianshu.com/p/1ce3295cc6ea