css - 在 Safari 7 上使用 position:fixed 元素滚动时，部分页面不可见

Question

Mac 和 iOS 上的 Safari 7 中有一个相当大的错误，很难找到任何东西，但很容易修复。

在某些使用 position:fixed 的情况下，Safari 7 在滚动时无法绘制部分页面。这可以在http://ruelculture.com/glitchy.html上看到，点击箭头，稍等片刻，然后尝试向上滚动。

Answer 1

要解决此问题，请通过添加以下 CSS hack 对消失的元素强制硬件加速：

-webkit-transform: translate3d(0, 0, 0);

在http://ruelculture.com/上看到它。而已！

Answer 2

还有position:-webkit-sticky;，专门针对这个问题制作的。我的答案和@Mike Marcacci 的解决方案的结果好坏参半（闪烁，当您到达页面底部时元素消失）。我仍在努力寻找解决这个问题的完美方法。HTML5 摇滚 =>