javascript禁止手机浏览器、微信浏览器的上下滑动,滚动问题。
需求:手机端弹窗的时候,页面禁止滚动,滑动。
坑了很久!
开启弹窗的时候javascript代码:
var bodyElem: = document.getElementsByTagName('body')[0];
var htmlElem = document.getElementsByTagName('html')[0];
htmlElem.style['overflow-y'] = 'hidden';
htmlElem.style['height'] = '100%';
bodyElem.style['overflow-y'] = 'hidden';
bodyElem.style['height'] = '100%';
jquery代码:
$("html").css("height":"100%","overflow-y":"hidden"});
$("body").css({"height":"100%","overflow-y":"hidden"});
关闭弹窗的时候javascript代码:
htmlElem.style['overflow-y'] = 'auto';
bodyElem.style['overflow-y'] = 'auto';jquery代码:
$("html").css({"overflow":"auto"});
$("body").css({"overflow":"auto"});
本文介绍了一种方法来解决手机端弹窗时页面滚动的问题。通过使用JavaScript和jQuery来控制HTML和body元素的样式属性,实现页面在弹窗打开期间禁止滚动的功能。
6978

被折叠的 条评论
为什么被折叠?



