1. ホーム
  2. javascript

[解決済み] クリック時に特定の div までスムーズにスクロールする

2022-02-09 11:54:27

質問

私がやろうとしているのは、ボタンをクリックすると、ページ上の特定の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>

解決方法は?

を実行します。

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

更新情報 Jsfiddle