SOFTELメモ Developer's blog

会社概要 ブログ 調査依頼 社員募集 ...

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

問題

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

scroll

答え

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

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

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

機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
基本サポート 1.0 1.0 (1.7 or earlier) 6 10.0 (以前から可能か) 4 (以前から可能か)

書き方はいろいろ。

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

参考

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

関連するメモ

コメント