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

Question

Similar question:

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

With bootstrap when you show a modal it covers the rest of the screen's content with a gray background. However, if you show a modal, and then add contents to that modal until it extends below the bottom of the visible window, when you scroll down to view this content, the gray background does not extend below the original size of the modal. Instead you see gray background down to the size of the window, and then the regular background color for the site below that.

Is there a way to make this gray background grow when the modal grows?

Answer 1

You must call .data('bs.modal').handleUpdate(); on your modal element while adding your dynamic content.

Example:

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