css - 背景附件修复了 chrome 滞后

标签 css google-chrome background lag

我的网站上的 chrome 设计再次出现问题。滚动时不会丢失 fps 并且不会在页面上滞后。我花了很多时间才发现问题的真正罪魁祸首是属性 background-attachment: fixed;

我试图用这个页面的解决方案来解决,但对我没有用。

https://petersproblems.wordpress.com/2014/12/06/background-attachment-fixed-causing-lag-when-scrolling/

我想用background-attachment: fixed; 没有延迟,有什么解决办法吗?

CSS:

body {
    margin: 0 auto;
    background-image: url(imagen/fondo.jpg);
    background-repeat: repeat-x;
    background-attachment: fixed;
    background-position: top center;
}

最佳答案

只需添加-

transform:translatez(0);
-webkit-transform:translatez(0);

关于css - 背景附件修复了 chrome 滞后,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34038067/

相关文章:

ios - Xamarin.Forms iOS 无法自定义通知

css - 具有 24 列或更多列的 Fluid 960 网格系统?

html - 我想使用 css 或 javascript 对 HTML 进行编程,以便可以纵向打印第 1 页,横向打印第 2, 3, .. 页

c# - 以编程方式访问 Google Chrome 主页或起始页

javascript - Javascript中 native 内存和堆内存的区别解释

ios - UITabBar 背景图像的图像缩放

jquery - D3 图表在没有上边距的情况下中断

html - 在悬停子元素时隐藏/显示正文中的文本

javascript - Chrome 扩展程序 : create new window in depends on window presence

background - 图像/视频背景上 div 上的 CSS box-shadow 不可能吗?