解决弹出层时底部body点击不滑动

禁用网页滑动与滚动

最新推荐文章于 2021-02-20 16:48:08 发布

柚釉

最新推荐文章于 2021-02-20 16:48:08 发布

阅读量727

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_41308566/article/details/78744108

本文介绍了一种方法来实现在移动端浏览器中禁用页面的滚动和滑动功能，适用于iOS和Android设备。通过简单的JavaScript代码，可以轻松地实现页面滚动的控制，包括禁止滑动和恢复滑动。

代码如下

//实现滚动条无法滚动
		var mo=function(e){e.preventDefault();};
		/*禁止滑动*/
		function stop(){
	        document.body.style.overflow='hidden';        
	        document.addEventListener("touchmove",mo,false);//禁止页面滑动
		}
		/*取消滑动限制*/
		function move(){
	        document.body.style.overflow='';//出现滚动条
	        document.removeEventListener("touchmove",mo,false);        
		}

完美解决iOS、Android兼容问题