基金会揭示firefox中的问题

Question

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

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

这项工作正常，但slideDown和slideUp无法正常工作，而在Firefox和Chrome中只有fadeIn和fadeOut。此问题的解决方案是如何在Chrome中获得Reval的正常行为。

Answer 1

Take a look here, at Ken Smith's Post

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

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

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

Answer 2

注释掉你的CSS ......

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

每当粉底显示js试图将其模态框放置在屏幕中心或触发模态框的位置时，CSS会强制它从固定位置的页面顶部显示100px。 否则你可以发布你的触发部分和揭示模式框的代码（结构），这样我就可以得到一个清晰的想法。