スクロールFX

Blocs さまざまなアニメーション機能が付属していますが、スクロールFXは、画面上のオブジェクトをアニメーション化し、それらのアニメーションをページのスクロールと同期させることができるため、おそらく最も魅力的です。このスタイルのアニメーション効果は、一般に視差と呼ばれます。

ScrollFXの適用

視差スクロール効果の適用は、 Blocs。 デザインキャンバスで要素を選択すると、選択した要素の主要なアニメーション値を設定できるさまざまな使いやすいコントロールがサイドバーインスペクター内で使用できます。

インイベントとアウトイベント

Scroll FXは、XNUMXつの主要なオプションセットに分けられます。 スクロールイン & スクロールアウトを選択します。 スクロールイン オプションは、ページが下にスクロールされて要素が来るときに要素がどのようにアニメーション化されるかを制御します に 見る。 ザ・ スクロールアウト オプションは、ページが上にスクロールされて要素が移動するときに要素がどのようにアニメーション化されるかを制御します でる ビューの。

連続アニメーション

連続オプションを有効にすると、要素が画面上の元の位置に達したときに発生する小さなアニメーションの一時停止が防止されます。 これにより、ユーザーは流動的で連続的な視差アニメーションを作成できます。 連続オプションを有効にするには、選択したオブジェクトにスクロールインイベントとスクロールアウトイベントの両方を適用する必要があります。

スクロール遅延

遅延入力フィールドを使用すると、スクロール FX アニメーションが適用されている要素の遅延値をカスタマイズおよび設定できます。 遅延値はピクセル単位で測定されます。 値が大きいほど、遅延が長くなります。

スクロール抵抗

抵抗入力フィールドを使用すると、ユーザーのスクロールに対するスクロール アニメーションの感度を制御できます。 デフォルト値は 10 で、サポートされる最小値は 1 です。ゼロおよび負の値はデフォルトで 10 になります。値が小さいほど、アニメーションは速くなります。