スクロール

Scroll

スクロールに連動・反応する動き。固定（Pin）やパララックスなど。

Scroll Trigger

初級

要素が画面内に入った瞬間、一度だけアニメーションが再生される

#scroll#trigger#entrance

Scrub

上級

スクロール量に比例してアニメーションの進行度が変化する

#scroll#scrub#linked

上級

スクロールしている間、要素をその場に固定し続ける

#scroll#pin#advanced

Sticky Scroll

中級

片側の要素を固定したまま反対側のコンテンツだけがスクロールする

#scroll#sticky#layout

Parallax

中級

背景と前景が異なる速度でスクロールし奥行きを生む

#scroll#parallax#depth

Scale on Scroll

中級

スクロールに合わせて要素が連続的に拡大・縮小していく

#scroll#scale#linked

Horizontal Scroll

上級

縦スクロールの操作をそのまま横方向のコンテンツ移動に変換する

#scroll#horizontal#gallery

Stacked Scroll

上級

次のセクションが下から現れて前のセクションに重なっていく

#scroll#stack#sticky

Smooth Scroll

中級

慣性を伴い、減速しながら滑らかにスクロールする

#scroll#smooth#inertia

Scroll Progress

初級

画面上部のバーがページの読み進み度に応じて伸びる

#scroll#progress#indicator

Scroll Snap

中級

セクションごとにピタッと位置が揃って止まるスクロール

#scroll#snap#section

Velocity Skew

上級

スクロール速度に応じてコンテンツが歪み、止まると戻る

#scroll#skew#velocity

他のカテゴリCategories