css - Firefox 中的 Foundation Reveal 问题

Question

我正在使用基础框架。当我向下滚动到 in firefox 页面并仅在此处以灰色覆盖打开 Reveal 结果时，我需要自己滚动到顶部才能看到 Reveal。我将此 CSS 添加到模型中。

#id-of-the-reveal-element {
    position: fixed;
    top: 100px !important;
}

这工作正常，但 slideDown 和 slideUp 不能正常工作，它只会 fadeIn 和 fadeOut 在 Firefox 和 Chrome 中。此问题的解决方案是什么，以获取 Chrome 中 Reval 的正常行为。

Answer 1

Take a look here, at Ken Smith's Post

通过将 onclick="javascript: location.hash='#page'; location.hash='';" 添加到打开模式的按钮/链接，它将自动为您滚动。

只需将#page 替换为您的模态 ID。

不幸的是，这只是一个临时的解决方法。希望它有所帮助!