ヘッダーやCTAボタンなどを常に画面上に表示したい場合は、ボックスのポジションを「固定位置」に設定します。 ページ内で複数のボックスを同時に固定表示することもできます。
固定位置設定の注意
固定位置は、設定したい要素が <div> Base直下に配置されている場合にのみ設定できます。 [距離]設定欄に[固定]が表示されない場合は、ボックスの階層構造を確認してください。
<div> Base直下にない場合はレイヤーパネルを開き、該当ボックスをドラッグ＆ドロップで <div> Baseに移動してから、固定位置を設定をします。
手順
スクリーン上で固定表示したいボックスを選択します。
右パネルで[ボックス]タブを選択します。パネルが閉じている場合は、右パネルを開いてください。
[ポジション]の[位置]設定欄のドロップダウンリストから、[固定]を選択します。
位置を固定に設定した要素を表示する場所の調整をします。
スクリーン上でボックスをドラッグして、固定したい位置まで移動するか、[ボックアウ]タブ内の[距離]設定欄に画面の最寄りの辺からの距離を数値で入力して設定をします。
Tips：画面下部にボックスを固定表示したい
画面下部や右端に固定表示したい場合は、スクリーンの端に近づけることで、その辺からの距離を指定できます。
固定位置に設定したボックス要素を選択します。
要素をドラッグして、スクリーン下辺付近まで移動します。
必要に応じて[距離]設定欄に数値入力し、ピクセル単位で微調整します。
詳細は、「画面の下端や右端にボックスを固定配置できますか？」も参照してください。
常に表示 ヘッダー 固定 常設 常時表示