タグ

web制作とIntersectionObserverに関するyou1techのブックマーク (1)

  • IntersectionObserver入門:初心者向けガイド|DAD UNION – エンジニア同盟

    IntersectionObserverとは? IntersectionObserverは、ウェブページの特定の要素がビューポート(ユーザーの画面)に入るかどうかを非同期で監視するJavaScript APIです。 これにより、スクロール位置に基づいて動的なビジュアルエフェクトを実装できます。 IntersectionObserverを使う場面 遅延読み込み(Lazy Loading):画像や動画などのコンテンツを、ユーザーがそれらを必要とする時まで読み込まないようにします。 スクロールアニメーション:ユーザーがページをスクロールするときに要素をアニメーションさせる。 インフィニットスクロール:ユーザーがページの最下部に達したときに追加コンテンツを読み込む。 メリットとデメリット メリット パフォーマンスの向上:不要なJavaScriptの実行を減らすことができます。 ユーザーエクスペリエ

    IntersectionObserver入門:初心者向けガイド|DAD UNION – エンジニア同盟
    you1tech
    you1tech 2023/12/18
    今までIntersectionObserverって使ったこと無かった。JavaScriptのscrollをよく使ってたけどIntersectionObserverの方が良さそうな気がする。
  • 1