如何在模態增長時擴展模態背景？

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

自舉當你告訴一個模式它涵蓋了屏幕的內容以灰色背景的其餘部分。但是，如果顯示一個模式，然後將內容添加到該模式，直到它延伸到可見窗口的底部，那麼當您向下滾動以查看此內容時，灰色背景不會低於模式的原始大小。相反，您會看到窗口大小爲灰色的背景，然後是低於該值的網站的常規背景顏色。

當模態增長時，有沒有辦法讓灰色背景變大？

來源

2015-04-15 Tevis

http://getbootstrap.com/javascript/#modals就像我編輯此模式的一切內容看起來它應該。你能爲此提供一段代碼或鏈接嗎？ –

您需要將最大高度添加到模態，然後模態將滾動內容而不影響背景。 – Derple

是的，我試了codeply，並不能重現問題。斯圖爾特的解決方案確實奏效，但是，我只是添加了「max-height：none;」模式，它解決了這個問題。如果你想寫它，我會標記爲答案！謝謝：） – Tevis

您必須在您的模態元素上調用.data('bs.modal').handleUpdate();，同時添加動態內容。

例子：

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

來源

2015-05-14 01:42:01

如何在模態增長時擴展模態背景？

回答

相關問題