首页 > 移动平台 > 详细

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

时间:2016-05-24 14:52:50      阅读:184      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!