当模式增长时，如何扩展模式背景？

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(); }