javascript禁止手机浏览器、微信浏览器的上下滑动,滚动问题

来源:互联网 发布:js中prompt 编辑:程序博客网 时间:2024/05/16 19:16

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"});

意外金喜的博客:http://blog.csdn.net/zzwwjjdj1


阅读全文
0 0
原创粉丝点击