水平スクロール効果は、訪問者がページを上下にスクロールすると、それに応じて要素が左右に移動します。例えば、見出しタイトルのあるセクションは、訪問者が下にスクロールすると右に移動し、上にスクロールすると左に戻ります。複数の要素を異なる速度で独立して移動させることができます。
詳細設定またはスタイル > 背景
モーションエフェクト
- スクロール効果:スライドしてオンにする
- 水平スクロール:鉛筆編集アイコンをクリック
方向:左にまたは右に選択してください
速度:水平スクロールの移動速度を0~10の間で設定します。
ビューポート:ビューポートの高さ(デバイス画面の表示サイズ)に基づいて、動きを開始するタイミングを決定します。例えば、ビューポートの値が50~100の間に設定されている場合、ビューポートの高さの半分の高さまでスクロールした後にのみ動きが開始されます。 - エフェクトを適用:デスクトップ、タブレット、モバイルデバイスにモーションエフェクトを適用するかどうかを選択します。
- 相対的な効果:デフォルト、ビューポート、ページ全体から選択
注:ビューポートの値は、ビューポートの高さ(画面の可視サイズを意味する)に応じて計算され、ページ全体の高さではありません。これは、位置が固定されている要素を除いて、すべての状況で当てはまります。下の画像を参照してください。
