【Javascript】scrollIntoView

【Javascript】scrollIntoView

JavaScriptでスクロールバーを操作する際、対象要素のscrollTopやscrollLeftの値を調整しますね。

それくらいしか方法がないと思っていたのですが、ブラウザのスクロールであれば便利なものがあるのですね。

https://developer.mozilla.org/ja/docs/Web/API/Element/scrollIntoView

Element.scrollIntoViewを使うことで、対象要素が表示されるまでブラウザのスクロールバーを移動してくれるらしいです。

細かい位置の調整は出来ませんが、ただ表示されるようにするだけであれば十分ですね。

function scrollToElement(){
    
    var ele;

    ele = document.querySelector('selector');
    ele.scrollIntoView();
}