Javascript 滚动时延迟

当我向下滚动页面时，整个浏览器都落后了。不过，只有一些浏览器落后了，比如谷歌浏览器在Windows8.1上运行得很好，但在Mac上却落后了

我无法确定是什么原因导致了这个问题，因为谷歌Chrome上显示的是每秒超过30帧的速度，而且我无法检测到任何大内存泄漏或类似的情况。另外，当我快速滚动时，会出现灰色/白色方块

---

我尝试删除CSS属性，这些属性可能会减少FPS，例如translate（）或gray filter，但这些都没有帮助。该网站是（无www）。

由于我无法复制它，我建议您从另一个方向开始。从头开始创建一个页面副本，逐个添加元素块，并观察瓶颈是由元素数量还是特定块造成的。第一种情况有点难解决，因为你必须从结构上重新设计网站，第二种情况下，你必须调查到底是什么导致了它。不管怎样，我的猜测是，所有这些

位置：绝对
都不会对性能产生真正的影响。浮动它们将是一个更干净的解决方案，尽管使用扩展框编程更困难。
问题出现的原因是大量的项目。例如，在主页上，我也以完全相同的方式显示元素，但只有9个元素，卷轴工作正常。我认为你的绝对定位可能是对的，我必须尝试一下，看看它是如何工作的。@KarolisRamanauskas：根据向后兼容性，你也可以研究灵活的盒子模型。它使编写所需的程序变得容易得多，但不受支持：。谢谢，这看起来很棒，但还不能满足浏览器的要求。在一年内，我可能会使用它，非常令人兴奋！