HTML JS 弹层后底部页面禁止滚动处理

Posted 永往

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML JS 弹层后底部页面禁止滚动处理相关的知识,希望对你有一定的参考价值。

1.打开新页面时需要禁止鼠标滚轮,禁止页面滑动;

1
2
3
4
在调用显示层时加上这句js代码就可以了:
document.documentElement.style.overflow = "hidden";
关闭层的时间别忘了在加上这句:
document.documentElement.style.overflow = "scroll";

2.设置滚轮原来位置

var top_temp = $(document).scrollTop()||document.documentElement.scrollTop || document.body.scrollTop;
window.parent.scrollTo(0,top_value);
本文出自 “路漫漫兮” 博客,请务必保留此出处http://wangxin88.blog.51cto.com/3228434/1613296

以上是关于HTML JS 弹层后底部页面禁止滚动处理的主要内容,如果未能解决你的问题,请参考以下文章

原生js禁止页面滚动

弹出遮罩层后禁止滚动效果

vue页面有弹层,禁止页面滚动

vue解决ios弹层滚动,底部body跟着滚动问题

禁止蒙层底部页面跟随滚动

JS弹出层遮罩,隐藏背景页面滚动条细节优化