2016 - 2024

感恩一路有你

css禁止页面滚动 JS中当弹出一个DIV后,如何禁止滚动和编辑页面?

浏览量:2515 时间:2021-03-12 20:50:36 作者:admin

JS中当弹出一个DIV后,如何禁止滚动和编辑页面?

将弹出层设置为位置:绝对指数:101使用另一层div2,宽度:100%, 高度:100%。z指数:100, 位置:绝对位置这样,div2将覆盖整个页面,页面上的任何元素都不能被点击(页面中元素的默认Z索引为0,如果Z索引高,div2的Z索引需要设置得更高)这样滚动条就不会显示,也不能滚动

我觉得很大的改变是把一个页面垂直分成N个部分,每个部分的高度和宽度就是浏览器的高度和宽度,并将主体的溢出设置为hidden,使用js监控滚轮的滚动事件。您只需获取方向(向上或向下滚动),并防止滚动本身的默认操作冒泡(即滚动滚轮时,不要让页面滚动)。在得到方向后,在滚动过程中从主体的滚动顶部加上或减去浏览器高度,需要暂时阻止监视器,以免屏幕在滚动过程中开始执行新的滚动动作,造成动画混乱

~]//关闭滚动条。如果没有滚动条,则拖动滚动条无关紧要。另外,添加鼠标滚动事件来调整页面如果不关闭滚动条,还有另外一种方法。但是,当您拖动滚动条时,页面将闪烁,这并不完美。

css禁止页面滚动 js禁止滚动条滚动 html禁止页面滚动

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。