title: scrollTop animate is laggy in chrome but works fine in firefox (background-size: cover issue?)
body: <p>Edit: the issue seems to be with <code>background-size: cover;</code> in my css. Searching for a remedy on google now...</p>
  
  <p>This is the site: bitco.tk</p>
  
  <p>When you click a link in the top navigation menu it should animate and scroll down to the elements.</p>
  
  <p>It works fine in FF, IE, and Safari, but in chrome it's very laggy/choppy. here is the code:</p>
  
  <pre><code>$(document).ready(function() {
    $('.restLoc').on('click', function(e) {
      e.preventDefault();
      $("html, body").stop().animate({ scrollTop: ($('#locInfo').offset().top) -60 }, 'slow');
    });
    $('.restMenu').on('click', function(e) {
      e.preventDefault();
      $("html, body").stop().animate({ scrollTop: ($('#mList').offset().top) -60 }, 'slow');
    });
    $('.restName').on('click', function(e) {
      e.preventDefault();
      $("html, body").stop().animate({ scrollTop: 0 }, "fast");
    });
  
  });
  </code></pre>
  
  <p>I have tried it without the <code>e.preventDefault</code> and <code>.stop()</code> but it doesn't make a difference.</p>
  
  <p>How can I fix it?</p>