为什么固定元素会减慢Firefox中的滚动速度?

时间:2008-09-15 22:22:01

标签: css firefox css-position

为什么应用CSS position: fixed的元素会导致Firefox在滚动页面时吃掉100%的CPU?有没有解决方法?

我在一些网站上注意到了这种行为,例如StackOverflow页面顶部的通知栏。我正在使用Linux以防万一。

6 个答案:

答案 0 :(得分:6)

这是bug #201307

答案 1 :(得分:5)

这是bugzilla

中报告的错误

显然,对disable smooth-scrolling

进行解决方案(成功的混合报告......)
  

只需在编辑>中停用平滑滚动即可偏好>高级。

答案 2 :(得分:2)

如前所述,这是错误#201307。解决方法是禁用平滑滚动:

编辑 - > Prefrences - >高级 - >常规标签 - >取消选中“使用平滑​​滚动”

答案 3 :(得分:1)

这个网站有一个固定的元素“第一次在Stack Overflow?查看常见问题解答!”,它在Firefox中很慢。尽管如此,Opera和Chrome的效果更佳。 FF3,Windows XP,ATI。

答案 4 :(得分:1)

它会占用CPU,因为浏览器必须在每次滚动更改时重新绘制整个视口,而不仅仅是新显示的区域

答案 5 :(得分:0)

你确定这里有直接链接吗?您是否创建了一个包含固定元素的静态HTML页面来验证您的理论?考虑到这些CSS属性的使用范围有多广,我认为现在有人会注意到它,无论你运行什么浏览器/操作系统。