【JavaScript】要素の位置にスクロールする
Category JavaScript
2012/10/30
問題
任意の要素の位置までスクロールするには？
答え
よくあるアニメーションするスクロールではないが、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
コメント