1、h5界面在移动端打开,点击btn后禁止界面的滚动,采用ontouchmove事件,原理是重写ontouchmove方法
禁止:
window.document.ontouchmove = function (e) {
e.preventDefault();
};
2、重新滚动
window.document.ontouchmove = function (e) {
};
另外一种就是控制body的overflow:hidden了,亲测有效
$("#btn").click(function() { //点击按钮,出现蒙板
var width = $(".joinNav").width();
var height = $(document.body).height();
$("body").addClass("overFlow");
$("#mbCover").css({
"height": height
});
$("body,html").scrollTop(0)
});
$("#close_mbCover").click(function() { //关闭蒙板
$("#mbCover").toggle();
$("body").removeClass("overFlow");
});
css:
.overFlow {
overflow: