我有一个很小的Scroll函数，我认为它工作得很好，而且非常动态。您只需创建一个按钮，并在onclick括号中添加您的目标id/类。首先，在.html文件中需要一个如下所示的按钮：

<button type="button" onclick="scrollFunction(putYourTargetDivHere)">This is a button</button>

然后在javascript/jquery文件中使用以下命令：

function scrollFunction(target) {
            $('html,body').animate({
                scrollTop: $(target).offset().top
            },
                'slow');   
}

如果要在加载页面时运行该函数，可以使用以下命令：

window.onload = function() {
  scrollFunction(YourTargetDivHere);
};

向马克斯问好

似乎我的直觉是正确的，在我的小部件停止滚动动画后加载的某些元素，在动画的“完成”和“失败”功能上添加额外的动画后，滚动现在到达了正确的位置（尽管有点缓慢）。

window.scrollToElement = function() {
    jQuery([document.documentElement, document.body]).animate({
            scrollTop: jQuery(".targetelementClass").offset().top - 10
    }, {
  duration: 1000,
  queue: false,
  complete: function(){
             jQuery([document.documentElement, document.body]).animate({
            scrollTop: jQuery(".targetelementClass").offset().top - 10
             }, {
                      duration: 500,
                      queue: false});
        },
  fail: function(){
             jQuery([document.documentElement, document.body]).animate({
            scrollTop: jQuery(".targetelementClass").offset().top - 10
             }, {
                      duration: 500,
                      queue: false});
        }
});
    // other code
}

其结果是，如果出现故障，或者有什么东西在实际完成之前将动画标记为已完成，则会生成另一个动画。这是不完美的，因为滚动有时似乎落后，我认为更多的调整是必要的。