您的位置：首页 > 编程技术 > js  >  jQuery弹出层后禁用底部滚动条(移动端关闭回到原位置)

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

 更新时间：2016年9月1日 10:00  点击：2029

最近在忙于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弹出层后禁用底部滚动条(移动端关闭回到原位置)，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

[!--infotagslink--]

相关文章

  • JS实现响应鼠标点击动画渐变弹出层效果代码

    这篇文章主要介绍了JS实现响应鼠标点击动画渐变弹出层效果代码,具有非常自然流畅的动画过度效果,涉及JavaScript针对鼠标事件的响应及页面元素样式的动态操作相关技巧,需要的朋友可以参考下...2016-03-28

  • vue3弹出层V3Popup实例详解

    这篇文章主要介绍了vue3弹出层V3Popup实例详解,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下...2021-01-04

  • Framework7 设置是否允许点击弹出框外部区域，关闭弹出层

    下面我们来看一篇关于 Framework7 设置是否允许点击弹出框外部区域，关闭弹出层的使用例子，具体的细节步骤如下文介绍。 1，Framework7中三大类弹出框 （1）模态框（moda...2016-10-02

  • JavaScript中关于iframe滚动条的去除和保留

    在开发中经常遇到去掉全部的滚动条，去掉右边的滚动条且保留底下的滚动条，去掉底下的滚动条且保留右边的滚动条，大家基于js是怎么实现的呢？下面小编通过本文给大家详细介绍下，对js iframe滚动条相关知识感兴趣的朋友一起学习吧...2016-11-22

  • DIV随滚动条滚动而滚动的实现代码【推荐】

    下面小编就为大家带来一篇DIV随滚动条滚动而滚动实现代码【推荐】。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧...2016-04-16

  • 快速解决jquery.touchSwipe左右滑动和垂直滚动条冲突

    这篇文章主要介绍了快速解决jquery.touchSwipe左右滑动和垂直滚动条冲突问题，感兴趣的小伙伴们可以参考一下...2016-04-18

  • 基于jQuery实现点击弹出层实例代码

    基于jquery实现点击链接弹出层效果，其基本实现原理是这样的：jquery操作DOM元素。对层样式的设置。将display:设置为none;让层隐藏；对jq点击弹出层相关知识感兴趣的朋友一起学习吧...2016-01-05

  • JS模拟简易滚动条效果代码(附demo源码)

    这篇文章主要介绍了JS模拟简易滚动条效果代码,可模拟出滚动条拖动显示的效果,涉及JavaScript鼠标事件的响应及页面元素运算的相关技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下...2016-04-06

  • 基于JavaScript实现div层跟随滚动条滑动

    项目需求是这样的：在一个页面放2个悬浮框，悬浮框随页面的上下滚动有上下波动的效果，最终固定在同一位置，下面通过本文给大家分享基于JavaScript实现div层跟随滚动条滑动的相关资料，对js div跟随滚动条滑动相关知识感兴趣的朋友一起学习吧...2016-01-14

  • jQuery检测滚动条是否到达底部

    这篇文章主要介绍了jQuery检测滚动条是否到达底部的实现方法，文中介绍了两种检测滚动条到达底部的状况，感兴趣的小伙伴们可以参考一下...2015-12-17

  • 原生js实现弹出层效果

    本文主要介绍了原生js实现弹出层效果的示例代码。具有一定的参考价值，下面跟着小编一起来看下吧...2017-01-23

  • JavaScript添加随滚动条滚动窗体的方法

    这篇文章主要介绍了JavaScript添加随滚动条滚动窗体的方法,涉及JavaScript事件响应及页面元素动态操作相关技巧,需要的朋友可以参考下...2016-02-26

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

    这篇文章主要介绍了jQuery弹出层后禁用底部滚动条(移动端关闭回到原位置)的关键代码，非常不错，代码简单易懂,需要的朋友可以参考下...2016-09-01

  • 一个用jquery写的判断div滚动条到底部的方法【推荐】

    下面小编就为大家带来一篇一个用jquery写的判断div滚动条到底部的方法【推荐】。小编觉得挺不错的，现在分享给大家，也给大家做个参考，一起跟随小编过来看看吧...2016-05-04

  • .net2.0+ Winform项目实现弹出容器层

    在实际工作中，如果能像菜单一样弹出自定义内容，会方便很多，比如查询时，比如下拉列表显示多列信息时，比如在填写某个信息需要查看一些信息树时。这个时候自定义弹出界面就显的非常重要了...2020-06-25

  • div弹出层的ajax登录(Jquery版+c#)

    这次主要的分享就是div+css+jquery，你可以改版成你要的登录，随意改版！后台代码由于时间限制，没有完成，里面有些乱，重点分享界面，还望理解...2021-09-22

  • 老生常谈遮罩层 滚动条的问题

    小编遇到的问题是在弹出层后面的 遮罩层，因为有滚动条，导致滚动条下面不可视区域没有遮罩层。下面就为大家介绍一下解决方法...2016-05-04

  • js实现刷新页面后回到记录时滚动条的位置【两种方案可选】

    本文主要介绍了页面的div中有滚动条，js实现刷新页面后回到记录时滚动条的位置的两种方案，需要的朋友可以看下...2017-01-09

  • js实现滚动条滚动到页面底部继续加载

    这篇文章主要介绍了js实现滚动条滚动到页面底部继续加载，原理很简单，就是为window添加一个scroll事件,需要的朋友可以参考下...2015-12-21

  • js实现滚动条滚动到某个位置便自动定位某个tr

    这篇文章主要介绍了js实现滚动条滚动到某个位置便自动定位某个tr的相关资料，感兴趣的小伙伴们可以参考一下...2016-02-01