scrollTop animate在chrome中是滞后的，但在firefox中工作正常（背景大小：封面问题？）

Question

编辑：问题似乎与我的css中的background-size: cover;有关。现在在谷歌搜索补救措施......

这是网站：bitco.tk

当您单击顶部导航菜单中的链接时，它应该设置动画并向下滚动到元素。

它在FF，IE和Safari中运行良好，但在chrome中它非常滞后/波动。这是代码：

$(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");
  });

});

我在没有e.preventDefault和.stop()的情况下尝试了它，但它没有任何区别。

我该如何解决？

Answer 1

经过大量的谷歌搜索后，我发现问题出在CSS background属性上。我找到的最快的解决方案是jquery插件'backstretch'。