Firefox 中的 Foundation Reveal 问题

Question

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

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

这工作正常，但 slideDown 和 slideUp 不能正常工作，而是在 Firefox 和 Chrome 中只会 fadeIn 和 fadeOut .这个问题的解决方案是什么，以获得 Chrome.

中 Reval 的正常行为

Answer 1

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

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

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

Answer 2

注释掉你的CSS...

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

每当 foundation reveal js 试图将其模态框定位在屏幕中央或您触发模态框的位置时，您的 CSS 会强制它以固定位置从页面顶部显示 100px。否则你可以 post 你的触发部分和显示模式框的代码（结构），这样我就可以清楚地知道。

Foundation Reveal issue in firefox