【JavaScript】要素の位置にスクロールする

Tweet

Category JavaScript 2012/10/30

問題

任意の要素の位置までスクロールするには？

答え

よくあるアニメーションするスクロールではないが、scrollIntoViewを使うと簡単にその要素の位置にスクロールできる。

scrollIntoView() メソッドは、要素が（ブラウザのウィンドウ上の）表示範囲に入るまでページをスクロールします。

だいぶ広くサポートされている。

書き方はいろいろ。

document.getElementById("target").scrollIntoView(true)

$("#target").get(0).scrollIntoView(true)

$("#target")[0].scrollIntoView(true)

参考

https://developer.mozilla.org/ja/docs/DOM/element.scrollIntoView