javascript - 单击时平滑滚动到特定的 div

Question

我想做的是，如果您点击一个按钮，它会向下(平滑地)滚动到页面上的特定 div。

我需要的是，如果您单击该按钮，它会平滑滚动到 div“second”。

.first {
    width: 100%;
    height: 1000px;
    background: #ccc;
}

.second {
    width: 100%;
    height: 1000px;
    background: #999;
}

<div class="first"><button type="button">Click Me!</button></div>
<div class="second">Hi</div>

Answer 1

做:

$("button").click(function() {
    $('html,body').animate({
        scrollTop: $(".second").offset().top},
        'slow');
});

已更新 Jsfiddle