css - 禁用弹出背景滚动

Question

我有一个页面，当您单击一个按钮时，它会打开一个弹出窗口。我正在尝试在启用弹出窗口时禁用背景滚动。

到目前为止，我发现这段代码可以工作，但仅限于 chrome。

html,
body  {
overflow-y: hidden;
height: 100%;
}

在 safari 上，当启用弹出窗口时，背景滚动被禁用，这很好！但是当您单击弹出窗口时，它会将您滚动回背景页面的顶部，在 chrome 上它不会这样做。

有没有人对如何解决这个问题有任何想法？

标签： css