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

Posted lina-xiao

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了移动端弹出层之后禁用底部滚动条关闭回到原位置相关的知识,希望对你有一定的参考价值。

$("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;//关闭后清除保存位置的值
}
})

 

以上是关于移动端弹出层之后禁用底部滚动条关闭回到原位置的主要内容,如果未能解决你的问题,请参考以下文章

移动端弹窗滚动时,底部盒子跟着一起滚动

移动端弹出层加遮罩后禁止滑动

移动端弹出层平滑滚动和fix定位的冲突

移动端弹出层滚动卡顿解决方案

移动端在有弹出层时如何禁止底层的滚动

解决移动端弹窗滚动事件触发主页面滚动事件