jQuery阻止移动端遮罩层后页面滚动


Posted in Javascript onMarch 15, 2017

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

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
js获取input标签的输入值实现代码
Aug 05 Javascript
JS 删除字符串最后一个字符的实现代码
Feb 20 Javascript
禁用JavaScript控制台调试的方法
Mar 07 Javascript
javascript算法题:求任意一个1-9位不重复的N位数在该组合中的大小排列序号
Apr 01 Javascript
浅谈javascript控制HTML5的全屏操控,浏览器兼容的问题
Oct 10 Javascript
vue2.0 移动端实现下拉刷新和上拉加载更多的示例
Apr 23 Javascript
使用p5.js临摹动态图片
Nov 04 Javascript
Vue中多元素过渡特效的解决方案
Feb 05 Javascript
JavaScript console的使用方法实例分析
Apr 28 Javascript
jQuery实现视频展示效果
May 30 jQuery
浅谈JavaScript窗体Window.ShowModalDialog使用
Jul 22 Javascript
vue中使用腾讯云Im的示例
Oct 23 Javascript
字太多用...代替的方法(两种)
Mar 15 #Javascript
jQuery插件HighCharts实现的2D条状图效果示例【附demo源码下载】
Mar 15 #Javascript
vue.js 1.x与2.0中js实时监听input值的变化
Mar 15 #Javascript
js仿淘宝商品放大预览功能
Mar 15 #Javascript
利用Plupload.js解决大文件上传问题, 带进度条和背景遮罩层
Mar 15 #Javascript
javascript九宫格图片随机打乱位置的实现方法
Mar 15 #Javascript
JavaScript实现审核流程状态的动态显示进度条
Mar 15 #Javascript
You might like
ThinkPHP3.1的Widget新用法
2014/06/19 PHP
thinkphp使用phpmailer发送邮件的方法
2014/11/24 PHP
PHP使用array_merge重新排列数组下标的方法
2015/07/22 PHP
CodeIgniter针对数据库的连接、配置及使用方法
2016/03/03 PHP
Laravel框架基础语法与知识点整理【模板变量、输出、include引入子视图等】
2019/12/03 PHP
动态控制Table的js代码
2007/03/07 Javascript
jquery下异步提交表单 异步跨域提交表单
2010/11/17 Javascript
Jquery弹出窗口插件 LeanModal的使用方法
2012/03/10 Javascript
Extjs3.0 checkboxGroup 动态添加item实现思路
2013/08/14 Javascript
js showModalDialog参数的使用详解
2014/01/07 Javascript
单击和双击事件的冲突处理示例代码
2014/04/03 Javascript
JQuery表单验证插件EasyValidator用法分析
2014/11/15 Javascript
jQuery自定义添加"$"与解决"$"冲突的方法
2015/01/19 Javascript
jquery滚动特效集锦
2015/06/03 Javascript
JavaScript面试题大全(推荐)
2016/09/22 Javascript
鼠标经过出现气泡框的简单实例
2017/03/17 Javascript
Angular.js中控制器之间的传值详解
2017/04/24 Javascript
js获取元素的偏移量offset简单方法(必看)
2017/07/05 Javascript
BackBone及其实例探究_动力节点Java学院整理
2017/07/14 Javascript
angularJs中跳转到指定的锚点实例($anchorScroll)
2018/08/31 Javascript
vue项目初始化到登录login页面的示例
2019/10/31 Javascript
详解vue3.0 diff算法的使用(超详细)
2020/07/01 Javascript
基于JavaScript实现简单的轮播图
2021/03/03 Javascript
[00:36]DOTA2上海特级锦标赛 LGD战队宣传片
2016/03/04 DOTA
[47:35]VP vs Pain 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/20 DOTA
python中的sort方法使用详解
2014/07/25 Python
基于Python 的进程管理工具supervisor使用指南
2016/09/18 Python
查找python项目依赖并生成requirements.txt的方法
2018/07/10 Python
python基于递归解决背包问题详解
2019/07/03 Python
python生成并处理uuid的实现方式
2020/03/03 Python
main 函数执行以前,还会执行什么代码
2013/04/17 面试题
法学求职信
2014/06/22 职场文书
保留意见审计报告
2015/06/05 职场文书
环保证明
2015/06/23 职场文书
52条SQL语句教你性能优化
2021/05/25 MySQL
css让页脚保持在底部位置的四种方案
2022/07/23 HTML / CSS