移动端开发鼠标点击移动的时候整个界面都在动的解决方法

不知道你们遇没遇到过这个问题  就是当你给一个元素

添加touchstart  touchmove  touchend 的时候 

比如box

并且子元素box有被父元素overflow隐藏的部分

父元素高度 500px

子元素高度 1500px

当你鼠标没有在子元素上点击 移动 松开鼠标  （向上拉的时候）

就会出现图片展示的问题

这时候就是document 文档的默认touchmove 事件 的默认行为在整事了

这样

document.addEventListener("touchmove",function(event){

 

 event.preventDefault();   //阻止默认行为

 

});

 

然后box 的touchmove 事件 最好阻止下冒泡

event.stopPropagation():

ie 678  event.cancelBubble=true;