なるほど、「完全に固定」にしたいのですね 👍
Flatsome(UX Builder)の Parallax はあくまで「スクロールに合わせて動く強さ」を調整するもので、
完全固定(背景のように動かない状態)にはなりません。
方法① Image要素ではなく「Section背景」で設定
-
Section(セクション) を選択
-
Background → Parallax → Fixed を選択
-
これで背景画像が「スクロールしても動かない」=固定表示になります。
-
方法② CSSで固定する
もし今のように「Image要素」として画像を入れているなら、追加CSSで強制的に固定できます。
例:
.fixed-image {
background-attachment: fixed;
background-position: center;
background-size: cover;
}
そして UX Builder の「Image」にクラス fixed-image を追加すれば、
その画像はスクロールしても画面に固定されます。
まとめ
-
Parallaxの数値を0にしても「固定」にはならない → 単に視差効果が消えるだけ。
-
完全に固定するなら「セクション背景でFixed」またはCSSの background-attachment: fixed; を使う。
👉 ご確認ですが、今の画像は「セクションの背景」として固定させたいですか?
それとも「Image要素」として挿入している画像を固定させたいですか?
