scrollTop动画在chrome中是滞后的，但在firefox中工作得很好(背景尺寸:封面问题?)

scrollTop animate is laggy in chrome but works fine in firefox (background-size: cover issue?)

本文关键字：背景 很好 封面 问题 工作 chrome 动画 滞后 firefox 但在 scrollTop      更新时间：2023-09-26

编辑:这个问题似乎是与background-size: cover;在我的css。现在在google上搜索补救办法…

网址:bit .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()，但它没有区别。

我该如何修复它?

经过大量的谷歌搜索，我发现这个问题是与CSS background属性。我发现最快的解决方案是jquery插件'backstretch'。

相关文章：