如何使用nyromodal浮動元素超出模態容器

Question

我經常使用漂浮在其容器邊界之外的元素和圖像 - 它增加了維度，輔助間距並增加了一些天賦。

在這種情況下，我使用NyroModal v2將html（包含各種其他元素的div標籤）加載到模式窗口中。我已經計劃過一個圖像元素（在模態中）會在nyromodal的邊界之外浮動，但模態對話框會剪裁超出模態邊界的元素，儘管位置是絕對的或相對的，而且不管z-索引是否很高。

尋找建議...謝謝

Answer 1

好的多一點使用Chrome調試挖：在nyromodal容器具有_reposition函數中添加它計算風格：

this.elts.cont.css('overflow', 'auto'); 

我評論出來並且我的元素超出了邊界，但如果模式內容需要滾動，這不是一個解決方案 - 它需要適合屏幕內容，否則您的結果可能會不可預知，並且效果不理想。

還有另一個功能（hideCont）當您關閉模式這臺nyromodal容器溢出來隱藏：

nm.elts.cont.css('overflow', 'hidden').fadeOut(clb); 

我改變「隱」到「」我有期望的行爲。

NyroModal在github上，也許是一個增加了這個功能的分支（沒有打破滾動內容）會很有用 - 我沒有這麼多時間是我的解決方案 - 它適用於我在這種情況下，希望可能是爲他人提供令人滿意的快速修復。