javascript - 模态增长时如何扩展模态背景？

Question

类似问题:

Modal dialog- How to get modal's background to extend 100% with scrolling?

使用 Bootstrap 时，当您显示模式时，它会用灰色背景覆盖屏幕的其余内容。但是，如果您显示模态，然后向该模态添加内容，直到它延伸到可见窗口底部以下，当您向下滚动以查看此内容时，灰色背景不会延伸到模态的原始大小以下。相反，您会看到缩小到窗口大小的灰色背景，然后是其下方站点的常规背景色。

有没有办法让这个灰色背景随着模态增长而增长？

Answer 1

您必须调用 .data('bs.modal').handleUpdate();在添加动态内容时在模态元素上。

例子:

function addContent() {
// add dynamic content
$('.modal-body').append('<p>lorem ipsum...</p>');
// update modal backdrop
$('.modal').data('bs.modal').handleUpdate();
}