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关闭窗口或JS关闭页面的几种代码分享
Oct 25 Javascript
js document.write()使用介绍
Feb 21 Javascript
chrome下img加载对height()的影响示例探讨
May 26 Javascript
jQuery实现连续动画效果实例分析
Oct 09 Javascript
微信小程序 textarea 组件详解及简单实例
Jan 10 Javascript
Vue.js组件tab实现选项卡切换
Mar 23 Javascript
AngularJS中重新加载当前路由页面的方法
Mar 09 Javascript
Egg.js 中 AJax 上传文件获取参数的方法
Oct 10 Javascript
JavaScript 变量,数据类型基础实例详解【变量、字符串、数组、对象等】
Jan 04 Javascript
javascript-hashchange事件和历史状态管理实例分析
Apr 18 Javascript
vue实现简单跑马灯效果
May 25 Javascript
80行代码写一个Webpack插件并发布到npm
May 24 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
PHP5.0对象模型探索之抽象方法和抽象类
2006/09/05 PHP
php Notice: Undefined index 错误提示解决方法
2010/08/29 PHP
php查询ip所在地的方法
2014/12/05 PHP
学习php设计模式 php实现建造者模式
2015/12/07 PHP
php设计模式之备忘模式分析【星际争霸游戏案例】
2020/03/24 PHP
Mootools 1.2教程 选项卡效果(Tabs)
2009/09/15 Javascript
预加载css或javascript的js代码
2010/04/23 Javascript
jQuery效果 slideToggle() 方法(在隐藏和显示之间切换)
2011/06/28 Javascript
Javascript类定义语法,私有成员、受保护成员、静态成员等介绍
2011/12/08 Javascript
jQuery toggleClass应用实例(附效果图)
2014/04/06 Javascript
微信小程序 教程之wxapp视图容器 swiper
2016/10/19 Javascript
移动开发之自适应手机屏幕宽度
2016/11/23 Javascript
js+div+css下拉导航菜单完整代码分享
2016/12/28 Javascript
Angular 4依赖注入学习教程之ValueProvider的使用(七)
2017/06/04 Javascript
vue裁切预览组件功能的实现步骤
2018/05/04 Javascript
vue中rem的配置的方法示例
2018/08/30 Javascript
vue单页面应用打开新窗口显示跳转页面的实例
2018/09/21 Javascript
手把手教你写一个微信小程序(推荐)
2018/10/17 Javascript
微信小程序tabbar底部导航
2018/11/05 Javascript
Python Queue模块详细介绍及实例
2016/12/27 Python
基于Python3 逗号代码 和 字符图网格(详谈)
2017/06/22 Python
python 利用for循环 保存多个图像或者文件的实例
2018/11/09 Python
python文字和unicode/ascll相互转换函数及简单加密解密实现代码
2019/08/12 Python
如何使用Python处理HDF格式数据及可视化问题
2020/06/24 Python
Python打印不合法的文件名
2020/07/31 Python
PyQt5 QDockWidget控件应用详解
2020/08/12 Python
详解Python openpyxl库的基本应用
2021/02/26 Python
Python 里最强的地图绘制神器
2021/03/01 Python
美国办公用品折扣网站:Shoplet.com
2019/11/24 全球购物
C面试题
2015/10/08 面试题
如何通过 CSS 写出火焰效果
2021/03/24 HTML / CSS
国培计划培训感言
2014/03/11 职场文书
优秀的个人求职信范文
2014/05/09 职场文书
刑事代理授权委托书
2014/09/17 职场文书
党校学习党性分析材料
2014/12/19 职场文书
在python中实现导入一个需要传参的模块
2021/05/12 Python