css 弹出窗口禁用页面滚动

Question

我正在使用我在本文 HTML / CSS Popup div on text click 中找到的代码做一个弹出式灯箱。

现在我试图禁用页面的主要滚动，因为灯箱具有固定高度，但某些页面比弹出窗口长，这导致滚动弹出窗口的背景，在这种情况下是页面本身。

我玩了一下overflow，但是没有成功。

Answer 1

尝试以下方法CSS：

html {
  height: 100%;
  overflow: hidden;
}

此外，如果您在页面中的随机位置触发此代码，您可能需要做额外的工作。

你有 jsfiddle 或 codepen 吗？