移動端開發滑鼠點擊移動的時候整個界面都在動的解決方法

不知道你們遇沒遇到過這個問題  就是當你給一個元素

添加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;