码迷,mamicode.com
首页 > 其他好文 > 详细

关于dom节点绑定滑动事件导致浏览器上下滑动失效解决方案

时间:2016-07-21 17:32:58      阅读:568      评论:0      收藏:0      [点我收藏+]

标签:

1、移动端开发往往需要添加一下自定义的左右滑动事件,但是添加了左右滑动事件之后就要阻止浏览器大默认事件,否则dom节点的滑动事件和浏览器本身的滑动会出现冲突,导致滑动的时候会出现消失瞬间再出现的效果

解决方案:event.preventDefault();//阻止浏览器默认事件即可


2、阻止浏览器默认事件之后发现这添加了滑动事件的dom节点上下滑动也失效,这是一个很坑爹的地方,如果你的活动dom节点占据了整块屏幕,也就是说你的页面上下动不了了;

解决方案:设置两个开关,分别对应左右滑动和上下滑动,即左右滑动的时候才阻止默认事件,上下滑动的时候并没有阻止,代码如下:

技术分享

 


 

关于dom节点绑定滑动事件导致浏览器上下滑动失效解决方案

标签:

原文地址:http://www.cnblogs.com/lihuobao/p/5692270.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!