如何使用nyromodal将元素浮动到模态容器之外

Question

我经常使用漂浮在容器边界之外的元素和图像 - 它增加了尺寸，有助于间距并增加了一些天赋。

在这个例子中，我使用NyroModal v2将html（包含各种其他元素的div标签）加载到模态窗口中。我曾经计划过一个图像元素（在模态内）会漂浮在nyromodal的边界之外但是模态对话框会剪切超出模态边界的元素，尽管位置是absoloute或相对的，而且无论z-index如何高

寻找建议......谢谢

Answer 1

使用chrome调试器进行更多挖掘：nyromodal容器在_reposition函数中添加了计算样式：

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

我评论了它，我的元素浮出边界但是如果你的模态内容需要滚动，这不是解决方案 - 它需要适合屏幕，否则你可能会有不可预测和不满意的结果。

当你关闭模态时，还有另一个函数（hideCont）将nyromodal容器溢出设置为隐藏：

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

我将'隐藏'改为''并且我有所期望的行为。

NyroModal在github上，也许是一个添加了这个功能的分叉（不破坏滚动内容）会很有用 - 我没有时间，所以上面是我的解决方案 - 在这个例子中它适用于我，希望可能是一个为他人提供令人满意的快速解决方案。