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");
网友评论