css popup 禁用页面滚动

Question

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

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

我玩了一点溢出但没有成功。

Answer 1

试试下面的 CSS：

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

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

你有 jsfiddle 或 codepen 吗？