要素を画面上に固定する方法

ヘッダーやボタンなど、画面内で常に表示させたい要素がある場合には、固定位置として配置します。ページ内で複数の要素を固定表示することも可能です。

下記の例では、ヘッダーと右下部に配置された緑色のボタンの2つの要素を固定位置として配置しています。

手順

固定位置で配置したい要素（ボックス）を選択し、画面左上の[配置]から[固定]を選びます。

注意：固定が選択できない場合

[固定]は、要素が<div> Base直下に位置している場合にのみ、選択が可能です。レイヤーパネルを開き、固定位置に設定したい要素が<div> Base直下に位置しているか確認してください。直下にない場合は、レイヤーをドラッグ&ドロップして要素を移動させてください。

要素を固定する位置を調整します。

位置調整は、要素をドラッグで移動するか、画面最寄りの辺からの距離をエディタ上部の[位置]に数値を入力して行います。

Tips：画面下部に要素を固定配置するには？

要素を画面の下部に固定配置するには、要素を下辺へドラッグするか、要素を選択したままエディタ上部の[位置]の数値を変更して移動させてください。

この記事で解決しない疑問がある場合は、エディタ右下の「？」からチャットサポートへお問い合わせください。