当前位置：首页 > 资讯 > 技术文档

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

时间：2020-12-13 16:11 编辑：来源：阅读：
扫一扫，手机访问

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

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

全部评论(0)

上一篇：JS实现悬浮移动窗口(悬浮广告)的特效
下一篇：简单实现bootstrap选项卡效果

资讯排行榜
更多>>