スクロール完了をawaitで待てる！ 進化したJSのスクロール関数 - ICS MEDIA

JavaScriptには、scrollTo()メソッドやscrollBy()メソッドなど、目的のところまでスクロールする関数があります。これらの関数と一緒に使われることが多いのがbehaviorプロパティに"smooth"を設定して、目的地まで滑らかにアニメーションさせる方法です。たとえば目次をクリックしたら該当の章までスムーズにスクロールさせるなど、使ったことがある方も多いと思います。 スムーズスクロールの課題として一番大きなものは、スクロールの完了後に行う処理が書きづらいことです。Chrome・Edge 150から使えるプログラマティック・スクロール・プロミスでは、今までscrollendイベントの監視やsetTimeout()メソッドなどで検知していたスクロール完了を、Promiseを使って制御できるようになります。 スクロール完了をPromiseであつかう Promiseは非同期の

[ics-media]

従来から存在したscrollBy'()やscrollIntoView()がPromiseを返すようになったという変更。こういうウェブの機能変更は珍しい出来事です。

[kuracom]

Chrome149ではスクロール終了前に「scroll end!」が表示されたけど、Chrome150では期待通りスクロール終了を待って表示された

[nguyen-oi]

今までscrollendのイベントとかフラグ管理、setTimeoutでガチャガチャ書いてたのがawait一発で書けるの最高