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

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