タグ: intersection observer
-
Scroll Sync UI の作り方【JavaScriptで作る連動スクロールUI】
スクロールに合わせて、画像やテキストの内容が切り替わるUIを見たことはないでしょうか。 たとえば、左側にビジュアルを固定して、右側の文章をスクロールすると、表示内容が連動して変わるようなレイアウトです…
-
Scroll Trigger Animationの作り方|スクロール位置で要素をふわっと表示する基本実装【JavaScript】
スクロールに合わせて要素がふわっと現れる演出は、記事一覧、特徴紹介、料金表、FAQ など、いろいろなUIで使われます。ただし、勢いで実装すると「毎フレーム scroll を監視して重くなる」「一度表示…