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

【问题标题】：How to apply smooth scroll on click to div on the same page?如何在单击到同一页面上的 div 时应用平滑滚动？
【发布时间】：2013-09-15 14:34:57
【问题描述】：

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

【问题讨论】：

那你有什么尝试？
我不知道该怎么做，但我尝试了 palaѕн 的方法，它就像一个魅力：P ty

标签： jquery css html scroll css-transitions

【解决方案1】：

试试这个：

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

FIDDLE DEMO

【讨论】：

【解决方案2】：

像这样？

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

向下滚动：How to Scroll Down - JQuery

【讨论】：