css popup禁用页面上的滚动

Question

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

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

我有点溢出但没有成功。

Answer 1

尝试以下CSS：

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

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

你有jsfiddle或codepen吗？