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 07 Javascript
JS request函数 用来获取url参数
May 17 Javascript
jquery iframe操作详细解析
Nov 20 Javascript
indexOf 和 lastIndexOf 使用示例介绍
Sep 02 Javascript
使用jquery操作session方法分享
Jan 22 Javascript
JavaScript基本的输出和嵌入式写法教程
Oct 20 Javascript
Javascript点击其他任意地方隐藏关闭DIV实例
Jun 21 Javascript
JS实现搜索框文字可删除功能
Dec 28 Javascript
canvas快速绘制圆形、三角形、矩形、多边形方法介绍
Dec 29 Javascript
JSON对象转化为字符串详解
Aug 11 Javascript
详解vue路由篇(动态路由、路由嵌套)
Jan 27 Javascript
vue组件之间的数据传递方法详解
Apr 19 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
重量级动漫纷纷停播!唯独OVERLORD第四季正在英魂之刃继续更新
2020/05/06 日漫
PHP开发环境配置(MySQL数据库安装图文教程)
2010/04/28 PHP
PHP+APACHE实现网址伪静态
2015/02/22 PHP
PHP文件缓存类实现代码
2015/10/26 PHP
PHP实现原比例生成缩略图的方法
2016/02/03 PHP
php 三元运算符实例详细介绍
2016/12/15 PHP
php 调用ffmpeg获取视频信息的简单实现
2017/04/03 PHP
用 javascript 实现的点击复制代码
2007/03/24 Javascript
JavaScript加密解密7种方法总结分析
2007/10/07 Javascript
用js实现小球的自由移动代码
2013/04/22 Javascript
jquery实现非叠加式的搜索框提示效果
2014/01/07 Javascript
jQuery插件multiScroll实现全屏鼠标滚动切换页面特效
2015/04/12 Javascript
JS实现样式清新的横排下拉菜单效果
2015/10/09 Javascript
JS基于Ajax实现的网页Loading效果代码
2015/10/27 Javascript
javascript事件冒泡简单示例
2016/06/20 Javascript
JS作用域深度解析
2016/12/29 Javascript
基于Vue 撸一个指令实现拖拽功能
2019/10/09 Javascript
vue-cli3.X快速创建项目的方法步骤
2019/11/14 Javascript
vue 路由meta 设置导航隐藏与显示功能的示例代码
2020/09/04 Javascript
Js实现粘贴上传图片的原理及示例
2020/12/09 Javascript
[06:11]2014DOTA2国际邀请赛 专访团结一心的VG战队
2014/07/21 DOTA
使用简单工厂模式来进行Python的设计模式编程
2016/03/01 Python
详解Python中的array数组模块相关使用
2016/07/05 Python
浅谈pytorch和Numpy的区别以及相互转换方法
2018/07/26 Python
Pytorch Tensor的索引与切片例子
2019/08/18 Python
python支持多线程的爬虫实例
2019/12/21 Python
python图形开发GUI库wxpython使用方法详解
2020/02/14 Python
使用Python第三方库pygame写个贪吃蛇小游戏
2020/03/06 Python
业务部经理岗位职责
2014/01/04 职场文书
孝老爱亲模范事迹
2014/01/24 职场文书
自我评价的范文
2014/02/02 职场文书
有多年工作经验的自我评价
2014/03/02 职场文书
大学生学习面向未来的赶考思想汇报
2014/09/12 职场文书
玩手机检讨书1000字
2014/10/20 职场文书
剧场版《转生恶役只好拔除破灭旗标》公开最新视觉图 2023年上映
2022/04/02 日漫
Hive日期格式转换方法总结
2022/06/25 数据库