什么原因导致CSS中的延迟/延迟滚动?

时间:2011-05-10 16:03:55

标签: html css

我有一个我在CSS中创建的设计,它已经开始排序,呃,懒惰滚动。我的意思是滚动时滚动条有点滞后。有什么常见的原因,以便我可以从我的网站调试它?

修改

该文档内容很少(甚至不是段落),所以根本没有。没有闪光,两张图片。

修改

我觉得很蠢。背景格式不正确:属性导致问题。谢谢大家。

1 个答案:

答案 0 :(得分:2)

这可能是由于css的繁重处理要求。

(CSS会影响每个浏览器中的滚动)我已多次看到这种情况(最糟糕的情况是SVG)。由于它是AA,它通常很难击中Chrome之类的浏览器。

有一个很棒的网站,详细说明最重要的最安全的属性,用于CSS效果,抱歉,我没有链接。虽然根据我的经验,我会说要考虑:

渐变:您的特征越多或覆盖的区域越大,渲染计算的指数就越大。滥用停止和额外的颜色也增加了混乱。

Border-Radius:通常会剪掉其内部内容,无论它是什么。排除后我注意到了差异。

如果与其他css效果结合使用,不透明度可能是主要问题。在某些情况下,我发现在删除不透明度或减少其使用时会有很大改进。因为它不仅仅是透明度,它还驱动着一些浏览器的抗锯齿文本。

图像:图像可以影响滚动的方式应该是显而易见的,尽管我发现重新调整图像的原始分辨率可能会成为一个更明显的因素。

使用背景大小等属性:;在某些情况下汲取巨大的力量,解决方法可能是废弃div,替换为< img>并用空白div覆盖 包含文字/内容。

动画过渡&如果被滥用,翻译是明显的电力食用者,尤其是通过百分比连续循环播放或重新调整大小的动画。

请记住,低规格赛扬PC上的某人会在一个落后于合理/高性能PC / mac的网站上遇到糟糕的经历