如何使用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上，也许是一个增加了这个功能的分支（没有打破滚动内容）会很有用 - 我没有这么多时间是我的解决方案 - 它适用于我在这种情况下，希望可能是为他人提供令人满意的快速修复。