问题是因为阻止了事件默认行为导致的页面不能滚动。删掉那段代码就行了。

* {

      /* 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
 

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐