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