jquery - 如何在单击到同一页面上的 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