如何在同一页面上应用单击时的平滑滚动到 div

Question

我想将平滑滚动应用于同一页面上的div。例如。当我点击带有 href="#that-div" 的链接时，我希望它能够顺利滚动到该div，而不是直接跳到它。对不起我的英语，提前感谢您的回答。

Answer 1

试试这个：

$(document).ready(function () {
    // Handler for .ready() called.
    $('button').click(function () {
        $('html, body').animate({
            scrollTop: $('#what').offset().top
        }, 'slow');
    });
});

小提琴演示

Answer 2

像这样吗？

$('html,body').animate({ scrollTop: $("#yourId").offset().top }, 'slow');

对于向下滚动

：如何向下滚动 - JQuery