scrollendイベントでスクロールの完了タイミングを検知する

scrollendイベントを使うことで、スクロールが完了したタイミングを検知できる。スクロールによるアニメーションやロードなどが使われるようなウェブサイトで効果を発揮する。

ユースケースとして、以下のようなことなどが考えられる。

• Infinite Scrollの最適化
• Lazy Loadingの最適化
• スクロール終了時のアニメーション実行

scrollendイベントの使い方

document.addEventListener('scroll', () => {
  console.log('Scrolling...')
})

document.addEventListener('scrollend', () => {
  console.log('Scroll end!');
});

デモ