スクロールアニメーション

ファイルの記述先

Cocoon Child: スタイルシート (style.css)
Cocoon Child: javascript.js

アンダーラインを引く

コクーンで与えられている「黄色アンダーラインマーカー」を設定する

春はあけぼの。やうやう白くなりゆく山ぎは、すこしあかりて、紫だちたる 雲のほそくたなびきたる。

オブジェクトが離れている場合

js-scroll-trigger u-fade-type-up(1|2|3) を作成する

u-fade-type-up1
u-fade-type-up2
u-fade-type-up3

オブジェクトが隣接している場合

js-scroll-trigger の中に、u-fade-type-up を作成する

u-fade-type-up
u-fade-type-up
u-fade-type-up

オブジェクトが隣接している場合(画像の場合)

上下左右をコントロールする場合

js-scroll-trigger u-fade-type-up(1|2|3) を作成する

u-fade-type-up1
u-fade-type-down2
u-fade-type-left3
u-fade-type-right4