显示弹出窗口时如何禁用后退屏幕滚动

Question

我正在使用 https://www.w3schools.com/bootstrap/bootstrap_modal.asp 中的这个弹出窗口模式，它工作得很好，问题是当弹出窗口出现时，后屏幕仍然可以滚动，我不知道如何解决

Answer 1

当模式打开时，您可以为 html 和正文元素设置一些 CSS class。例如：.modal-open.

.modal-open {
    overflow: hidden;
}

更多信息：