移动端开发鼠标点击移动的时候整个界面都在动的解决方法
不知道你们遇没遇到过这个问题 就是当你给一个元素
添加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;