機能 ショートカットキー
リファレンス(参考URL)一覧へ移動 R
記事URLをMarkDownとしてコピー Ctrl+M
前のコードタグへ移動 Ctrl+←
次のコードタグへ移動 Ctrl+→
ヘルプを表示・非表示 H
Tips
- ショートカットキーは記事上で有効です。ヘッダー/フッター付近では機能しないことがあります。
- コードタグ移動機能がうまく動かないときは、Shift+F5でページを更新してみてください。
- このウィンドウを閉じるには、Hキーをもう一度押してください

JavaScriptで特定の要素までスクロールする

AD

プログラミング

Jqueryが入っていることもあるので、stackoverflowで検証。

このコードは動きませんでした。なんだろう。

(function($) {
    $.fn.goTo = function() {
        $('#answers').animate({
            scrollTop: $(this).offset().top + 'px'
        }, 'fast');
        return this; // for chaining...
    }
})(jQuery);

これでおk.

$('#answers')[0].scrollIntoView( true );

JqueyなのでCSSセレクターも使えます。

$('#answers-header > div.subheader.answers-subheader > h2')[0].scrollIntoView( true );

Jqueryのメソッドなのかと思ってたけどこれJSのメソッドですね。
じゃあJSでも使えますね。

document.querySelector('#answers-header > div.subheader.answers-subheader > h2').scrollIntoView();
SPONSOR

オンラインブートキャンプ全12コースの「ウケ放題」 AD

コメントを残す

Close Menu