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

阻止滑动

时间:2015-07-02 19:13:49      阅读:133      评论:0      收藏:0      [点我收藏+]

标签:

做移动端项目的时候经常会遇到这样一个问题:点击某个元素,会弹出一个窗口,但是下面的内容还能滑动,为了增加用户体验,通常会在窗口弹出的时候阻止下面内容滑动,窗口消失后再恢复滑动:

代码如下:

<div class="content">
     <div class="tanchuang">
           ......
    </div>     
</div>

 

function stopScroll(event){
    event.preventDefault();
};
if($(".tanchuang").css("display")=="block"){

  $(".
tanchuang").on("touchmove",stopScroll);
}else{
  
$(‘.tanchuang‘).off("touchmove",stopScroll);


};
 

 

阻止滑动

标签:

原文地址:http://www.cnblogs.com/chengkun101/p/4616490.html

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