长期读者,这里的新海报......
我发现了类似的问题,但没有一个解决方案适合我。
我在单页网站(仅限html css)上工作,其中一些DIV将图像作为背景(background-attachment: fixed
和background-size: cover;
)。
这使得滚动在几个浏览器中非常滞后,特别是在Chrome中。
(有趣的是,Firefox中的滚动很流畅。)
有些人建议使用transform: translate3d(0, 0, 0);
,其他人建议使用webkit资源,而且在某些时候我甚至发现了will-change: transform;
的内容 - 说实话,我没有完全明白了。
无论如何,我试图使用所有这些,但失败了。
如何防止滞后?我更喜欢纯CSS解决方案,但我对其他东西开放。 (对不起,如果我不清楚,或者重复了一个问题)