jQuery阻止移动端遮罩层后页面滚动
作者:艾米
本文主要介绍了jQuery阻止移动端遮罩层后页面滚动的方法。具有很好的参考价值。下面跟着小编一起来看下吧
css代码:
.ovfHiden{overflow: hidden;height: 100%;}
jquery:
$(".header_right").click(function(){ $('html,body').addClass('ovfHiden'); //使网页不可滚动 $(".searchbox").show(); }) $(".yg-close").click(function(){ $('html,body').removeClass('ovfHiden'); //使网页恢复可滚 $(".searchbox").hide(); })
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持脚本之家!
您可能感兴趣的文章:
- JS遮罩层效果 兼容ie firefox jQuery遮罩层
- JQuery 遮罩层实现(mask)实现代码
- jQuery操作dom实现弹出页面遮罩层(web端和移动端阻止遮罩层的滑动)
- jQuery实现简单网页遮罩层/弹出层效果兼容IE6、IE7
- Jquery实现遮罩层的简单实例(就是弹出DIV周围都灰色不能操作)
- jQuery+AJAX实现遮罩层登录验证界面(附源码)
- jQuery点击按钮弹出遮罩层且内容居中特效
- Jquery实现遮罩层的方法
- jQuery实现弹出带遮罩层的居中浮动窗口效果
- jQuery实现打开网页自动弹出遮罩层或点击弹出遮罩层功能示例
- JavaScript实现的弹出遮罩层特效经典示例【基于jQuery】