スティッキースクロールエフェクトは、セクションやウィジェットをスティッキーに設定することで、画面の上部や下部にスティッキーが付くようにすることができます。
スクロール効果
- セクション/ウィジェットのハンドル
をクリックして編集します 。
- パネルの [詳細設定] タブをクリックします。
- モーションエフェクトセクションを開きます。
- スティッキー：スクロールしているときに、画面の上部または下部に「固執」するようにセクションを設定するかどうかを選択します。
- スティッキーオン：セクションがスティッキーされるデバイスをデスクトップ、タブレット、モバイルのいずれかで選択します。
- オフセット：スティッキー要素をピクセル単位で上下にプッシュします。
- エフェクト オフセット：スティッキー効果が始まる前にユーザーがスクロールしなければならないピクセル数。
注：Effects Offsetは、sticky要素にCSSが追加された場合にのみ影響します。以下は、適用可能な典型的なCSSルールのセットの例です。
selector.elementor-sticky–effects {background-color: rgba(133,130,255,0.5)!important;}
selector {transition: background-color 4s ease !important;}
selector.elementor-sticky–effects >.elementor-container {min-height: 80px;}
selector > .elementor-container {transition: min-height 1s ease !important;}
スティッキーの詳細はこちら