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

ヘッダーやボタンなどを画面上に固定し、スクロール時に追従するようにするには、固定位置を利用します。

Tips：複数の要素を追従したい場合でも、以下の手順でそれぞれの要素を[固定]に設定すれば設定可能です。

手順

対象のボックスを選択し、画面左上の[配置]から[固定]を選びます。

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

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

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

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

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

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