HTML中如何实现弹出层后阻止页面和层随鼠标滚轮滚动?

你可以尝试将弹出层的定位属性设置为position:fixed,这样弹出层就会相对于视口固定,不会随页面滚动而移动。

评论 (2)

光靠 position: fixed 确实会让弹窗不滚动,但父页面还会跟着滚啊。你得给 body 加个 overflow: hidden 才行,这才是标准做法。

只设fixed只能解决层不滚动,但页面内容还是会滚。得同时配合overflow:hidden锁住body,或者给body加个padding-top防止内容回弹,不然体验还是怪的。