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 相关文章推荐
JavaScript 学习笔记(十六) js事件
Feb 01 Javascript
通过Javascript读取本地Excel文件内容的代码示例
Apr 08 Javascript
Javascript表单验证要注意的事项
Sep 29 Javascript
jquery实现键盘左右翻页特效
Apr 30 Javascript
BootStrap的select2既可以查询又可以输入的实现代码
Feb 17 Javascript
jQuery插件HighCharts实现2D柱状图、折线图的组合多轴图效果示例【附demo源码下载】
Mar 09 Javascript
Angularjs根据json文件动态生成路由状态的实现方法
Apr 17 Javascript
利用Electron简单撸一个Markdown编辑器的方法
Jun 10 Javascript
Angular6使用forRoot() 注册单一实例服务问题
Aug 27 Javascript
基于Nuxt.js项目的服务端性能优化与错误检测(容错处理)
Oct 23 Javascript
ElementUI中el-tree节点的操作的实现
Feb 27 Javascript
JS如何操作DOM基于表格动态展示数据
Oct 15 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
优化php效率,提高php性能的一些方法
2011/03/24 PHP
Mysql的Root密码忘记,查看或修改的解决方法(图文介绍)
2013/06/14 PHP
php使用ZipArchive提示Fatal error: Class ZipArchive not found in的解决方法
2014/11/04 PHP
php实现登录tplink WR882N获取IP和重启的方法
2016/07/20 PHP
PHP实现对二维数组某个键排序的方法
2016/09/14 PHP
jquery的index方法实现tab效果
2011/02/16 Javascript
Jquery获取元素的父容器对象示例代码
2014/02/10 Javascript
中文输入法不触发onkeyup事件的解决办法
2014/07/09 Javascript
javascript实现淡蓝色的鼠标拖动选择框实例
2015/05/09 Javascript
jQuery实现径向动画菜单效果
2015/07/17 Javascript
jquery实现LED广告牌旋转系统图片切换效果代码分享
2015/08/26 Javascript
简单模拟node.js中require的加载机制
2016/10/27 Javascript
jQuery中 bind的用法简单介绍
2017/02/13 Javascript
JS开发中百度地图+城市联动实现实时触发查询地址功能
2017/04/13 Javascript
ES6入门教程之Iterator与for...of循环详解
2017/05/17 Javascript
vue-cli webpack 开发环境跨域详解
2017/05/18 Javascript
vue大型项目之分模块运行/打包的实现
2020/09/21 Javascript
python复制文件代码实现
2013/12/23 Python
Python将阿拉伯数字转换为罗马数字的方法
2015/07/10 Python
Python读取文件内容的三种常用方式及效率比较
2017/10/07 Python
用tensorflow实现弹性网络回归算法
2018/01/09 Python
python编写计算器功能
2019/10/25 Python
Python+OpenCV实现旋转文本校正方式
2020/01/09 Python
Python如何基于Tesseract实现识别文字功能
2020/06/05 Python
CSS3 filter(滤镜)实现网页灰色或者黑色模式的代码
2020/11/30 HTML / CSS
基于HTML5的WebSocket的实例代码
2018/08/15 HTML / CSS
HTML5中图片之间的缝隙完美解决方法
2017/07/07 HTML / CSS
SQL Server 2000数据库的文件有哪些,分别进行描述
2013/03/30 面试题
小学生红领巾广播稿
2014/01/21 职场文书
文秘求职信范文
2014/04/10 职场文书
专题组织生活会方案
2014/06/15 职场文书
2014年管理工作总结
2014/11/22 职场文书
2015年行政人事工作总结
2015/05/21 职场文书
原生JavaScript实现简单五子棋游戏
2021/06/28 Javascript
引用计数法和root搜索算法以及JVM中判定对象需要回收的方法
2022/04/19 Java/Android
redis lua限流算法实现示例
2022/07/15 Redis