javascript - 绝对定位div，防止背景滚动

Question

我正在使用 Bootstrap 弹出窗口来显示可能有几页长的动态列表。我只是添加了一个溢出:滚动到它并且它可以工作，但是如果页面比列表长，它会继续滚动经过弹出框。

是否可以在弹出窗口打开时禁用背景内容的滚动？

换句话说，您可以在禁用背景内容滚动的同时拥有绝对定位的 div 滚动吗？

更新:根据两个答案修复了问题

$('#message-preview-trigger').on('show.bs.popover', function () {
    $('body').css('overflow', 'hidden');
});

$('#message-preview-trigger').on('hide.bs.popover', function () {
    $('body').css('overflow', 'visible');       
})

Answer 1

当模式打开时，将 overflow: hide; 设置为 body 元素，将 overflow: auto; 设置为模式对话框。

为了更清楚地说明，我们需要查看您的代码。