码迷,mamicode.com
首页 > 移动开发 > 详细

移动端当弹出层显示,阻止body的滑动

时间:2016-05-24 14:53:07      阅读:121      评论:0      收藏:0      [点我收藏+]

标签:

很多时候前端在做移动端有弹出层的时候,滑动屏幕,body还是可以滑动,这些时候就要阻止,话不多说,直接看代码

首先定义一个变量,我这边定义的是stop=1,当弹出层显示,stop=0,然后监听touchmove事件,阻止冒泡和默认行为,这样效果就达到了。

document.addEventListener("touchmove", function (e) {
  if (stop == 0) {
    e.preventDefault();
    e.stopPropagation();
  }
}, false);

移动端当弹出层显示,阻止body的滑动

标签:

原文地址:http://www.cnblogs.com/Uncle-long/p/5523098.html

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