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