ヘッダーやフッター、サイドエリアをフロートさせる
「フロート」は、Webページをスクロールしても、特定のブロックをつねに表示する機能です。たとえば、グローバルメニューにフロートを設定すると、Webページをスクロールしても、つねにメニューを表示しておくことができます。 フ […]
スティッキーブロックでコンテンツを印象的に表示する
「スティッキーブロック」の機能で、ページスクロール時に特定のブロックを画面上部に常に吸着させることができます。
ヘッダーやフッターに常にブロックが配置される「フロート」とは違い、どの位置のブロックにも設定可能です。※ページ内に二つ以上のスティッキーブロックを設定した場合、同時には動作せず、最上部に設定したスティッキーブロックのみが動作します。
スティッキーブロックはスマホサイトには設定できません。また、ヘッダーのフロート設定と同時に設定すると、レイアウトの崩れとなるため、どちらかのみの設定を行なってください。
設定するブロックを選択する
ブロックの〈編集〉をクリックします。
スティッキーブロックの設定をする
〈設定〉タブを選択し〈スクロール時ブラウザ上部に吸着〉にチェックを入れます。
動作を確認する
ブロックを適用し、サイトエディタ画面に戻り、〈プレビュー〉をクリックします。
ページのスクロール時、該当のブロックが上部に追随してきます。
