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

* {

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

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐