スクロールしてTOPに戻るボタンを実装する際にスムーズにスクロールさせるためにcssでscroll-behavior
を指定することがよくあると思いますが、
Window.scrollBy()
の実行時にも指定できることを知らなかったのでメモ📝
元々は以下のような実装をしていたんですが、
const scroll = (to: number) => window.scrollBy(0, to);
objectを使って指定する方式で修正するとscroll-behavior
を指定してスクロールさせることができました🙌
const scroll = (to: number) => window.scrollBy({ top: to, behavior: "smooth" });
実行時に指定できるの便利ですね✨
ちなみにwindowのスクロール系のメソッドは基本的にobjectを使って指定する方式でscroll-behavior
を指定できるようです(便利)