html页面，手机模拟器不能滑动，但是鼠标能滚动

最新推荐文章于 2024-04-17 22:30:25 发布

VIP文章 MARIO_JJ

最新推荐文章于 2024-04-17 22:30:25 发布

阅读量2.5w

点赞数 1

分类专栏： web前端文章标签： html chrome 无法滑动

本文链接：https://blog.csdn.net/u010833605/article/details/50779342

版权

今天遇到一个很悲催的事情，就是发现，写的h5页面在chrome手机模拟器下竟然不能滑动，主要有一个根本不能滚！还有几个一下能滚，一下不能滚，然后我就傻逼了。

悲催归悲催，问题总归要解决的，请教了一个年长的前端，他居然说肯定是我的CSS样式有问题，然后我就开始检查我的样式，一个一个是过来，发现没有问题啊；走到这里你要是觉得还是没有说服力，那我教你一个办法，直接写上20个p标签，里面加文字，不要任何样式，看现在能不能滑动。结果我发现，还是不能。

所以我坚定的认为，我写的html+css肯定没有问题，又不想继续问别人，所以我想，事情还是要自己解决的，由于肯定了是JS代码出现了问题，我就开始检查，果不其然，某个成员在自己JS文件中加了这么一段：

//这个的作用就是 禁掉相应的事件
document.addEventListener('touchmove', function(e) {
   
   e.preventDefault();
}, false)

没错，就是这个代码惹的祸，居然加到了document上面，如果你也遇到

关注