《每日工作总结》——15.09.18

1. 禁止页面滚动

在电脑浏览器中禁止/启用Web页面的滚动可以使用如下的代码：

//禁止滚动条
$(document.body).css({   
     "overflow-x": "hidden",    
     "overflow-y": "hidden"
});

//启用滚动条
$(document.body).css({    
      "overflow-x": "auto",    
      "overflow-y": "auto"
});

这样设定后，电脑浏览器上已经实现了禁止/启用页面滚动的功能，但是这却不能阻止手机用户使用手指来滑动手机屏幕，那么这种问题如何解决呢，这就需要使用另外的方式来禁用屏幕的触摸滚动事件了，代码如下：

//禁用
//绑定touchmove事件，并阻止事件执行
$("body").bind("touchmove", 
    function (event) {    
          event.preventDefault();
    }
);

//启用
//取消touchmove事件的绑定
$("body").unbind("touchmove");