停止 Modal window 后面的内容滚动

Question

我有以下代码：https://www.w3schools.com/code/tryit.asp?filename=FU1MLYFD0KST。当您单击更多信息 link 时，模式 window 打开。问题是，当您在 modal window 内滚动并到达 model window 的末尾并继续滚动时，modal window 后面的内容也会滚动。我需要的是防止这种情况发生，并且只允许模态 window 内容可滚动。

最好的解决方案是什么？

谢谢

Answer 1

这是您修改后的示例： https://www.w3schools.com/code/tryit.asp?filename=FU6LYBA3AHR8

如评论所述，您可以通过更改其溢出来禁用 body 的滚动属性。

这些是上面示例的变化（与你的相比）

function openNav() {
    document.getElementById("myNav").style.height = "100%";
    document.body.style.overflow = "hidden";
}

function closeNav() {
    document.getElementById("myNav").style.height = "0%";
    document.body.style.overflow = "auto";
}

停止 Modal window 后面的内容滚动

Stop content behind Modal window scrolling

javascript

scroll

modal-dialog

popup