今天遇到一个很悲催的事情,就是发现,写的h5页面在chrome手机模拟器下竟然不能滑动,主要有一个根本不能滚!还有几个一下能滚,一下不能滚,然后我就傻逼了。
悲催归悲催,问题总归要解决的,请教了一个年长的前端,他居然说肯定是我的CSS样式有问题,然后我就开始检查我的样式,一个一个是过来,发现没有问题啊;走到这里你要是觉得还是没有说服力,那我教你一个办法,直接写上20个p标签,里面加文字,不要任何样式,看现在能不能滑动。 结果我发现,还是不能。
所以我坚定的认为,我写的html+css肯定没有问题,又不想继续问别人,所以我想,事情还是要自己解决的,由于肯定了是JS代码出现了问题,我就开始检查,果不其然,某个成员在自己JS文件中加了这么一段:
//这个的作用就是 禁掉相应的事件
document.addEventListener('touchmove', function(e) {
e.preventDefault();
}, false)
没错,就是这个代码惹的祸,居然加到了document上面,如果你也遇到