jQuery弹出层后禁用底部滚动条(移动端关闭回到原位置)


Posted in Javascript onAugust 29, 2016

最近在忙于jquery的前端开发,学习到很多知识,今天小编给大家带来一段代码片段有关弹出层后禁用滚动条的代码。

具体代码如下所示:

$("cli-open").click(function(){
var scrollTop = document.body.scrollTop;//保存点击前滚动条的位置
window.onscroll=function(){
document.body.scrollTop = scrollTop;//赋值给滚动条的位置
}
})
$(".cli-close").click(function(){
window.onscroll=function(){
document.body.scrollTop=document.body.scrollTop;//关闭后清除保存位置的值
}
})

以上所述是小编给大家介绍的jQuery弹出层后禁用底部滚动条(移动端关闭回到原位置),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
js中查找最近的共有祖先元素的实现代码
Dec 30 Javascript
Jquery下:nth-child(an+b)的使用注意
May 28 Javascript
分享一道笔试题[有n个直线最多可以把一个平面分成多少个部分]
Oct 12 Javascript
JavaScript实现复制功能各浏览器支持情况实测
Jul 18 Javascript
第二章之Bootstrap 页面排版样式
Apr 25 Javascript
深入理解Ajax的get和post请求
Jun 02 Javascript
Bootstrap Table表格一直加载(load)不了数据的快速解决方法
Sep 17 Javascript
Vue2.0实现1.0的搜索过滤器功能实例代码
Mar 20 Javascript
详解使用JS如何制作简单的ASCII图与单极图
Mar 31 Javascript
深入理解Vue 组件之间传值
Aug 16 Javascript
JavaScript中的回调函数实例讲解
Jan 27 Javascript
JS把字符串格式的时间转换成几秒前、几分钟前、几小时前、几天前等格式
Jul 10 Javascript
快速移动鼠标触发问题及解决方法(ECharts外部调用保存为图片操作及工作流接线mouseenter和mouseleave)
Aug 29 #Javascript
浅谈JSON.stringify()和JOSN.parse()方法的不同
Aug 29 #Javascript
jQuery EasyUI编辑DataGrid用combobox实现多级联动
Aug 29 #Javascript
对js中回调函数的一些看法
Aug 29 #Javascript
Web打印解决方案之普通报表打印功能
Aug 29 #Javascript
jQuery获取select选中的option的value值实现方法
Aug 29 #Javascript
js 判断各种数据类型的简单方法(推荐)
Aug 29 #Javascript
You might like
phpmyadmin提示The mbstring extension is missing的解决方法
2014/12/17 PHP
php中preg_match的isU代表什么意思
2015/10/01 PHP
静态html文件执行php语句的方法(推荐)
2016/11/21 PHP
php微信公众号开发(3)php实现简单微信文本通讯
2016/12/15 PHP
Yii2框架视图(View)操作及Layout的使用方法分析
2019/05/27 PHP
PHP基础之输出缓冲区基本概念、原理分析
2019/06/19 PHP
Aster vs KG BO3 第一场2.18
2021/03/10 DOTA
经常用的图片在容器中的水平垂直居中实例
2007/06/10 Javascript
javascript实现unicode和字符的互相转换
2007/07/18 Javascript
js中关于new Object时传参的一些细节分析
2011/03/13 Javascript
JavaScript面向对象程序设计三 原型模式(上)
2011/12/21 Javascript
javascript中input中readonly和disabled区别介绍
2012/10/23 Javascript
jQuery中append()方法用法实例
2015/01/08 Javascript
jQuery中ready事件用法实例
2015/01/19 Javascript
javascript实现获取字符串hash值
2015/05/10 Javascript
Bootstrap学习系列之使用 Bootstrap Typeahead 组件实现百度下拉效果
2016/07/07 Javascript
DOM操作原生js 的bug,使用jQuery 可以消除的解决方法
2016/09/04 Javascript
JavaScript实现翻页功能(附效果图)
2017/02/16 Javascript
详谈jQuery.load()和Jsp的include的区别
2017/04/12 jQuery
Linux中安装Python的交互式解释器IPython的教程
2016/06/13 Python
python 多线程对post请求服务器测试并发的方法
2019/06/13 Python
Python发展史及网络爬虫
2019/06/19 Python
Pycharm创建项目时如何自动添加头部信息
2019/11/14 Python
Pycharm中切换pytorch的环境和配置的教程详解
2020/03/13 Python
jupyter notebook 实现matplotlib图动态刷新
2020/04/22 Python
python实现密码验证合格程序的思路详解
2020/06/01 Python
python 识别登录验证码图片功能的实现代码(完整代码)
2020/07/03 Python
使用python画出逻辑斯蒂映射(logistic map)中的分叉图案例
2020/12/11 Python
Speedo速比涛法国官方网站:泳衣、泳镜、泳帽、泳裤
2019/07/30 全球购物
Ref与out有什么不同
2012/11/24 面试题
什么是用户模式(User Mode)与内核模式(Kernel Mode) ?
2014/07/21 面试题
社区环境卫生倡议书
2015/04/29 职场文书
高效笔记技巧分享:学会这些让你不再困扰
2019/09/04 职场文书
Go语言 go程释放操作(退出/销毁)
2021/04/30 Golang
Python数据可视化之基于pyecharts实现的地理图表的绘制
2021/06/10 Python
CSS实现单选折叠菜单功能
2021/11/01 HTML / CSS