固定导航和标题 - 滚动时出现故障（性能缓慢）答案

【问题标题】：Fixed Nav and Header - glitched when scrolling (slow performance)固定导航和标题 - 滚动时出现故障（性能缓慢）
【发布时间】：2015-05-11 16:26:04
【问题描述】：

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

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

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

这肯定在 Chrome 上最为突出。

这在包括 FF 在内的一些浏览器上效果不佳，但在 IE11 上可以正常工作。这是我第一次遇到这个问题，所以放轻松！

提前致谢

【问题讨论】：

【解决方案1】：

以下 sn-ps 对我有用：

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

见：

【讨论】：