移动端禁止滚动详解编程语言

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;


  

原创文章,作者:Maggie-Hunter,如若转载,请注明出处:https://blog.ytso.com/13866.html

(0)
上一篇 2021年7月19日
下一篇 2021年7月19日

相关推荐

发表回复

登录后才能评论