固定导航和标题 - 滚动时出现故障(性能缓慢)

时间:2015-05-08 19:36:50

标签: jquery css fixed packery

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

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

他们确实保持固定,但我得到一个奇怪的错误,当滚动模块时,固定元素也会滚动,然后当用户点击其他地方时跳回来。

它确实在Chrome上最为突出。

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

这在包括FF在内的一些浏览器上效果不佳,但在IE11上运行正常。 At a gance of position: fixed performance issue 这是我第一次遇到这个问题,所以对我来说很容易!

提前致谢

1 个答案:

答案 0 :(得分:0)

以下摘录适用于我:

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

请参阅:

Chrome slow scrolling with fixed position elements