Meaningless Notebook

我輩は雑記帖である。名はまだない。


Element.scroll で何故か上手く動かないケ-スがあった

const element = document.getElementById('hoge');

if (element) {
    element.scroll({
        top: 0,
        behavior: "'smooth',
    });
}

こういう奴。

何故かスクロ-ルが発動しなくてなんでだろ-なんでだろ-♪って歌ってた。

で、しょうがないからぐぐってたら別の方法 ? があったら試したら動いた。

const element = document.getElementById('hoge');

if (element) {
    element.scrollIntoView({
        behavior: "'smooth',
    });
}

scrollIntoView って奴を試したら、その動かなかったケ-スで上手く動いた。

じゃあもう全部コレ (scrollIntoView) でいいんじゃね ? って置き換えようと思ったら scrollIntoView で動かなくて scroll で動くケ-スがあって ???

なんか仕様を理解してないからだろうとは思うけど、一旦は scroll と scrollIntoView の両方を試すって事で…

正直よく分からん (´・ω・`)

参考元