Search code examples
cssgoogle-chromebackgroundlag

background-attachment fixed chrome lag

I have problems again with chrome design on my site. When scrolling no loss of fps and lag on the page. I've been giving it a lot of laps to find the real culprit of the problem is the property background-attachment: fixed;.

I tried to solve with the solution of this page and has not worked for me.

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

I would like to use background-attachment: fixed; and no lag, is there any solution?

CSS:

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

  • Just add-

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