什么导致CSS中的延迟/滞后滚动？

Question

我有一个我在CSS中创建的设计，它已经开始排序，呃懒惰的滚动。我的意思是滚动条在你滚动的时候会滞后一点。这是什么原因导致我可以从我的网站进行调试？

编辑：

该文件有含量很少（甚至不是一个段落），所以没有太多的。没有闪光灯，两个图像。

编辑：

我觉得这么愚蠢。格式不正确的背景：属性导致了问题。不过谢谢大家。

Answer 1

这可能是由于通过CSS的重处理要求。

（CSS会影响每个浏览器的滚动）我已经多次看到这种情况（最糟糕的情况是SVG）。由于它是AA，所以它通常会像Chrome一样很难浏览浏览器。

有一个很棒的网站，详细介绍了最重要的最安全的属性用于CSS效果，对不起，我没有链接。尽管根据我的经验，我会考虑：

渐变：您的特征越多或覆盖面积越大，渲染计算的指数越大。滥用停止和额外的颜色也增加了混乱。

Border-Radius：通常会剪掉它的内部内容，不管它是什么。排除时我注意到了差异。

如果再加上其他CSS效果，不透明度可能是主要问题。在某些情况下，我发现在消除不透明度或减少使用率方面有了很大的改进。因为它不仅仅是透明度，而且也是一些浏览器反锯齿文本的驱动。

图片：图片可能会影响滚动的方式应该是显而易见的，尽管我发现通过原始分辨率对图片进行重新调整大小可能会变得更加明显。

使用诸如background-size之类的属性：;在某些情况下会产生巨大的影响力，解决方法可能是删除div，替换为< img>，并用包含文本/内容的空白格 覆盖。

动画转换&如果滥用，翻译显然会影响功耗，特别是动画不断循环或通过百分比重新调整浏览器的大小。

裸在低规格的赛扬PC上的头脑会有人有对你的合理/高功率的PC/MAC