jQuery阻止移动端遮罩层后页面滚动
更新时间：2017年03月15日 10:51:02 作者：艾米
本文主要介绍了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】
相关文章
jquery判断checkbox是否选中及改变checkbox状态的实现方法
下面小编就为大家带来一篇jquery判断checkbox是否选中及改变checkbox状态的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
Jquery Easyui搜索框组件SearchBox使用详解（19）
这篇文章主要为大家详细介绍了Jquery Easyui搜索框组件SearchBox的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
传参的时候遇到Get中文乱码，IE浏览器Get中文乱码问题，该怎么解决呢？下面为大家详细介绍下具体的解决方案2013-12-12
本文给大家介绍JQuery和PHP结合实现动态进度条上传显示功能，本文分步骤给大家介绍的非常详细，感兴趣的朋友一起看看吧2016-11-11
这篇文章主要介绍了Ztree新增角色和编辑角色回显问题的解决方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-10-10
本示例使用Jquery的ColorBox插件弹出图片组浏览层，点击会弹出页中窗的效果同时带有关闭及上一个下一个的切换，个人感觉相当不错的弹出窗，感兴趣的你可不要错过了哈2013-03-03
详解jquery validate实现表单验证 （正则表达式）
本篇文章主要介绍了jquery validate实现表单验证 （正则表达式），用户填写表单时，可以快速地对用户填写的数据进行验证，并做出反馈。有兴趣的可以了解一下。2017-01-01
这篇文章主要介绍了jQuery表格插件datatables用法，包括分页、排序等功能,是jQuery表格插件datatables比较基础的部分知识,需要的朋友可以参考下2016-01-01
jQuery结合Json提交数据到Webservice，并接收从Webservice返回的Json数据
简单的Json数据提交,后台结合asp.net，需要的朋友可以参考下。2011-02-02
jQuery动画效果animate和scrollTop结合使用实例
animate是jq的一个特效的函数方法，animate() 方法执行 CSS 属性集的自定义动画。该方法通过CSS样式将元素从一个状态改变为另一个状态。2014-04-04
最新评论