コンテンツの固定表示では、ページ上の特定のセクションと要素を固定し、スクロールに合わせて追従させることができます。また、一部のセクションを固定することで、背景のコンテンツが動いているように見せることもできます。
固定表示するページ上の要素をクリックします。
ドロップダウンをクリックし、[列]プロパティを選択します。
その列の設定アイコンをクリックします。
[固定表示を有効にする]切り替えスイッチをクリックします。
必要な[トップのスペース]と[スタック値]を選択します。
[トップのスペース]:要素を固定する位置とヘッダーとの間の余白です。
[スタック値]:固定表示を有効にしたすべての要素のうち、どの要素を最前面に表示するかを決定する値です。スタック値が大きい要素は、値が小さい他のすべての要素より前面に表示されます。
コンテンツの固定表示を有効にする場所で、[要素を追加する]をクリックします。
要素トレイで[ボックス]要素をクリックします。
ボックス要素内の[要素を追加する]をクリックします。
固定表示するページ上の要素をクリックします。
ドロップダウンをクリックし、[列]プロパティを選択します。
その列の設定アイコンをクリックします。
[固定表示を有効にする]切り替えスイッチをクリックします。
必要な[トップのスペース]と[スタック値]を選択します。
固定表示の効果は編集画面には表示されません。この機能がどのように表示されるかを確認するには、Webサイトをプレビューしてください。
ページのバナーセクションでは、コンテンツの固定表示を有効にできません。
コンテンツの固定表示によってWebサイトで実現できることは、こちらのプレビューでご確認いただけます。