onozaty https://blog.hatena.ne.jp/onozaty/ Enjoy*Study https://blog.enjoyxstudy.com/ [programming] JavaScript TwitterやGmail、LDRなどで提供されている、ショートカットキー(j/k)で要素をスクロールしながら移動していくインタフェースですが、element.scrollIntoView を使うと、結構簡単にそのようなインタフェースが出来ます。 (最初はこれを知らずに、その要素の絶対位置を取得してスクロールさせるようなものを作ろうとしてしまいました…) 概要 scrollIntoView() メソッドは、要素が（ブラウザのウィンドウ上の）表示範囲に入るまでページをスクロールします。 構文 element.scrollIntoView(alignWithTop); alignWithTop O… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.enjoyxstudy.com%2Fentry%2F2015%2F02%2F01%2F000000" title="ショートカットキーでスクロールしながら要素間を移動する(JavaScript) - Enjoy*Study" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2015-02-01 00:00:00 rich https://blog.enjoyxstudy.com/entry/2015/02/01/000000 1.0 100%