title: Scrolling bg dont work well on chrome
body: <p>Everything is working fine, but when I try scrolling fast. Chrome cant handle it (bug few ms to show a bg). On safari is working well, without any problem. I notice that, because of my animation, how can I solved it?</p>
  
  <p><a href="http://ochutnejvietnam.cz/demo.html" rel="nofollow">demo</a></p>
  
  <p>animation:</p>
  
  <pre><code>.cssanimations &amp;.bounce-in {
    visibility: visible;
    @include transform(translateZ(0));
    @include animation($nameOfAnimation $time);
  }
  </code></pre>
  
  <p>fixed &amp; scrolling bg:</p>
  
  <pre><code>.bg {
    &amp;-fixed {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
  }
  </code></pre>