JavaScript言語を使い特定の要素までスクロールするサンプルコードのメモです。
JQueryだけでなくJavaScriptだけでも使えるscrollIntoView()を使用します。
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();