为什么应用CSS position: fixed
的元素会导致Firefox在滚动页面时吃掉100%的CPU?有没有解决方法?
我在一些网站上注意到了这种行为,例如StackOverflow页面顶部的通知栏。我正在使用Linux以防万一。
答案 0 :(得分:6)
这是bug #201307。
答案 1 :(得分:5)
答案 2 :(得分:2)
如前所述,这是错误#201307。解决方法是禁用平滑滚动:
编辑 - > Prefrences - >高级 - >常规标签 - >取消选中“使用平滑滚动”
答案 3 :(得分:1)
这个网站有一个固定的元素“第一次在Stack Overflow?查看常见问题解答!”,它在Firefox中很慢。尽管如此,Opera和Chrome的效果更佳。 FF3,Windows XP,ATI。
答案 4 :(得分:1)
它会占用CPU,因为浏览器必须在每次滚动更改时重新绘制整个视口,而不仅仅是新显示的区域
答案 5 :(得分:0)
你确定这里有直接链接吗?您是否创建了一个包含固定元素的静态HTML页面来验证您的理论?考虑到这些CSS属性的使用范围有多广,我认为现在有人会注意到它,无论你运行什么浏览器/操作系统。