固定 Nav 和 Header - 滚动时出现故障（性能低下）

Question

我正在开发一个使用带有可拖动模块的 Packery(Masonry) 的项目。

模块所在的主容器是可滚动的，而 header 和侧导航应保持固定。

它们确实保持固定，但是，我遇到一个奇怪的错误，当滚动浏览模块时，固定的元素也会滚动，然后在用户单击其他地方时跳回。

它肯定发生在 Chrome。

http://hub.yfish.co.uk/testing/pms(packery)/

这在包括 FF 在内的一些浏览器上运行不佳，但在 IE11 上运行良好。 这是我第一次遇到这个问题，所以对我放轻松！

提前致谢

Answer 1

以下片段对我有用：

-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;

参见：

Chrome slow scrolling with fixed position elements