mori.宿のこと お知らせ ↗

スクロールしても、
上に残る。

この枠の中をスクロールしてみてください。

その1
その2
その3
その4
操作できる見本です。ボタンや入力欄を実際に動かせます。

あわせて引く

スティッキーヘッダー

Sticky Header

ふだんの言い方追従ヘッダー上に固定スクロールしても残る

スクロールしても上部に残る、いつでも使えるヘッダー。

見分けるポイント

  • スクロール中も上部に留まる
  • 現在地や主要な操作を見失わない
  • コンテンツを覆わない高さにする

AIへの伝え方

変更する場所:ページ上部のヘッダー。 ヘッダーをスティッキーヘッダーにしてください。スクロール中も画面上端に留め、本文との境目に細い線を入れてください。アンカーリンクの見出しやフォーカスした要素を覆わないようにしてください。 変更は指定した箇所に限定し、それ以外のレイアウト・文章・配色は維持してください。スマートフォンでも要素がはみ出さず、文字や操作を妨げないようにしてください。

コピーした文章を、お使いのAIに貼り付けてください。

「ページの組み立て」の言葉

上から下へ、ページを形づくるまとまり。

207語すべてを、見た目から引く