移动端禁止滚动
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: