modal-dialog - Foundation 5 - 显示模态的顶部位置

Question

我无法找到如何更改基础 5 中最新显示模式的顶部位置。似乎我必须在 *.js 文件中进行更改，但是在哪里？

Answer 1

如果您遇到模态框的顶部位置与您的需求不匹配的问题，请尝试将以下内容添加到您的 css.xml 中。

.reveal-modal-bg {
        position: fixed;
    }
    .reveal-modal {
        top: 150px !important;
    }

这将使您的模态和模态背景始终位于顶部 - 而不是视口(viewport)之外的某个地方。

问题是 - 正如我认为的那样，在您用鼠标单击的位置下显示它自己的位置。因此，如果您通过单击页面底部的链接打开模式，它会在您单击的点下打开 Npx。这导致我的模态窗口消失了。但我已经用上面发布的 css 代码修复了它。

希望它可以帮助你。

现在到你原来的问题。如果您想更改显示模式的 Javascript，则必须包含基础的单个 js 文件 - 这意味着不是 foundation/js/foundation.min.js但是您项目中需要的单个文件 - 例如。 foundation/js/foundation/foundation.js和 foundation/js/foundation/foundation.reveal.js .然后您可以在 foundation/js/foundation/foundation.reveal.js 中进行更改文件。我想你正在寻找 show方法，从第 300 行开始。

希望这有帮助，祝你好运! :)