Css 禁用弹出式背景滚动

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

到目前为止，我发现这段代码可以工作，但只在chrome上

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

在safari上，当弹出窗口启用时，背景滚动被禁用，这很好！但当你点击弹出窗口时，它会在后台将你卷回页面顶部，而在chrome上则不会这样做

---

有人对如何解决这个问题有什么想法吗？

尝试使用just

overflow:hidden

而不使用-yor-try-