在模式窗口滚动后停止内容

Question

我有以下代码：https://www.w3schools.com/code/tryit.asp?filename=FU1MLYFD0KST。单击更多信息链接时，将打开模式窗口。问题是，当您在模态窗口内滚动并到达模型窗口的末尾并继续滚动时，模态窗口后面的内容也会滚动。我需要防止的是，仅允许模式窗口内容滚动。

什么是最好的解决方案？

谢谢

Answer 1

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

正如评论所提到的，可以通过更改主体的overflow属性来禁用主体的滚动。

这些是上述示例中的更改（与您的示例相比）

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";
}