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
- javascript禁止手机浏览器、微信浏览器的上下滑动,滚动问题
- 禁止手机浏览器、微信浏览器的上下滑动露出黑色块问题
- 微信浏览器如何禁止iPhone手机上下滑动网页
- 阻止手机浏览器屏幕 上下滑动
- 手机浏览器上下滚动翻页效果
- 如何在手机上禁止浏览器的网页滚动
- 如何在手机上禁止浏览器的网页滚动
- JavaScript禁止微信浏览器下拉回弹效果
- 滑轮滑动+小圆点触发全屏上下滚动并实现不同浏览器窗口下的缩放
- 手机浏览器禁止缩放
- 如何解决iphone手机微信浏览器中滑动到页面底部出现黑色背景盖住position:fixed的页面元素的问题?
- 前端开发,怎样禁止微信内置浏览器的缓存?
- 禁止微信浏览器下拉回弹的效果。
- 禁止微信内置浏览器调整字体大小
- java微信浏览器禁止用户分享
- 禁止微信浏览器调整字体
- 禁止微信内置浏览器调整字体大小
- 微信/手机浏览器获取手机操作系统类型的方法
- java学习基本流程
- SpringMvc+Maven+Jetty 环境搭建
- Spring Aop(十一)—— 编程式的创建Aop代理之ProxyFactory
- 内存中堆和栈的区别(转)
- SAMBA配置 “你可能没有权限访问网络资源”的问题解决方法
- javascript禁止手机浏览器、微信浏览器的上下滑动,滚动问题
- 网络须知UDP vs TCP
- C#文件与数据流
- java根据ip地址获取详细地域信息
- Classification of Alzheimer’s Disease Using Whole Brain Hierarchical Network
- 欢迎使用CSDN-markdown编辑器
- poj 2386 Lake Counting
- 链式前向星
- Linux下修改Mysql的用户(root)的密码