javascript - jQuery - 平滑滚动到内容

Question

我正在尝试做一件简单的事情。我有一个带有大全 Angular 标题的网页。我需要它一直向下滚动到第一个鼠标滚轮滚动的内容。

我有这样的东西:

    $(window).scroll(function() {
        $('html, body').animate({
            scrollTop: ($('.site-content').first().offset().top)
        },2000);
    });

它几乎可以正常工作，但是 - 首先它会向下滚动(原始滚动)，然后滚动动画开始。所以看起来一点都不顺利。

顺利进行的最佳方式是什么？

Answer 1

这没有经过测试；我现在不在电脑前

但尝试改变

$(window).scroll(function(e) {
    e.preventDefault()
    $('html, body').animate({
        scrollTop: ($('.site-content').first().offset().top)
    },500);
});

但请记住，这将禁用用户滚动并且您的功能将具有完全控制权