» スクロール時にCSS3 Animationsを一時停止したらFPSがけっこう良くなった | negic

パララックスなサイトを作る際に、スクロールに応じてJSで要素を動かすと思うのですが、その時にある場所でCSS3 Animationsが動いていると、スクロールがカクついてしまい、FPSが残念な状態になります。 そこで、スクロールが動き出した時にCSS3 Animationsを止めて、スクロールを止めた時にCSS3 Animationsを再度動作させるという処理を加えれば、スクロールがカクつくことなく、スムーズになります。 スクロールや、リサイズといったJavaScriptのイベントは連続で処理されます。そういったイベントの「開始した時」「動作している時」「停止した時」の状態が取れるjQueryのプラグインを作成しました。 jQuery.MovingState このプラグインを使い、CSS3 Animationsを動的に操作してみたいと思います。 CSS3 Animationsを一時的に停止

[jaga291]

パララックス

[edo_m18]

そういえば最近、jQueryのアニメーション使ってない気がする・・。

[sisicom]

作り方のポイントとして。

[oki448jp]

スクロール時にCSS3 Animationsを一時停止したらFPSがけっこう良くなった

[Falky]

おおー、なるほどー

[skyfox_xxx]

これは使えそう/scroll時にcss3アニメーションを切るscript（イベント状態とれるjqueryだけでも何かと使えそう

[teppeis]

「イベントの「開始した時」「動作している時」「停止した時」の状態が取れるjQueryのプラグイン」

[ysakmrkm]

スクロール時にCSS3 Animationsを一時停止したらFPSがけっこう良くなった | negic

[nebos]

パララックスのサイトがカクつくときの対処方法。参考に

[negic]

自分でシェアしてないのにホットエントリしてた。初めてや

[limesaki]

スクロール時にCSS3 Animationsを一時停止したらFPSがけっこう良くなった | negic

[toshipon123]

おぉ、スクロールとリサイズのイベント取れるの便利

[y_koh]

なんかこんなのをだーいぶ前にひがさんがやってた気がする。