我一人,我异人,我亦人

导航

移动端禁止滚动

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: hidden;

  

posted on 2018-01-02 18:01  苏小十~  阅读(875)  评论(0编辑  收藏  举报