2020/8/17 JavaScript

要素が表示されていない場合はスクロールさせて表示する

element.scrollIntoView({ block: 'nearest' });

scrollIntoView()を使用すると要素を上端に来るように表示しようとします。

{block: ‘nearest’}を指定することにより要素が既に表示されている場合はスクロールされなくなります。
表示されていない場合はスクロールして上端か下端に表示しようとします。