スティッキーブロックでコンテンツを印象的に表示する

「スティッキーブロック」の機能で、ページスクロール時に特定のブロックを画面上部に常に吸着させることができます。

ヘッダーやフッターに常にブロックが配置される「フロート」とは違い、どの位置のブロックにも設定可能です。※ページ内に二つ以上のスティッキーブロックを設定した場合、同時には動作せず、最上部に設定したスティッキーブロックのみが動作します。

スティッキーブロックはスマホサイトには設定できません。また、ヘッダーのフロート設定と同時に設定すると、レイアウトの崩れとなるため、どちらかのみの設定を行なってください。

設定するブロックを選択する

ブロックの〈編集〉をクリックします。
スティッキーブロックでコンテンツを印象的に表示する

スティッキーブロックの設定をする

〈設定〉タブを選択し〈スクロール時ブラウザ上部に吸着〉にチェックを入れます。
スティッキーブロックでコンテンツを印象的に表示する

動作を確認する

ブロックを適用し、サイトエディタ画面に戻り、〈プレビュー〉をクリックします。

スティッキーブロックでコンテンツを印象的に表示する
ページのスクロール時、該当のブロックが上部に追随してきます。
スティッキーブロックでコンテンツを印象的に表示する