阻止滑动

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

代码如下：

$(".tariffinfo").click(function(){//点击事件弹出弹出框
   //...
   document.addEventListener('touchmove',touch, false);//绑定阻止滑动页面的事件
   $('.mask-wrap-tit .icon-progressicon_defeated').click(function() {//点击按钮关闭弹出框
      $(this).parents('.mask').remove();
      document.removeEventListener('touchmove',touch, false);//解除绑定
   });
});

function touch(){
    var e = event || window.event;
    e.preventDefault && e.preventDefault();
    e.returnValue=false;
    e.stopPropagation && e.stopPropagation();
    return false;
}