阻止滑动

阻止滑动

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

代码如下:

<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);


};