当前位置: 移动技术网 > IT编程>开发语言>JavaScript > 移动端开发鼠标点击移动的时候整个界面都在动的解决方法

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

2018年07月31日  | 移动技术网IT编程  | 我要评论

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

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

 

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网