固定ナビゲーションバーを設定する

スクロール中に要素をビューポートに固定しておくには、固定位置を使用します。

通常、ナビゲーション バーを固定配置で使用することを選択できます。ページをスクロールするときに、ナビゲーション バーを画面上の所定の位置に固定したままにしたい場合です。

固定配置をナビゲーション バーに組み込むには:

  1. プロジェクトにナビゲーションバーを統合する
  2. 主要なナビゲーションバー要素を選択する
  3. 以内 レイアウト categoryの スタイル パネルで調整します 位置修理済み
  4. 定義済みの位置を次のように選択します
  5. 選ぶ
  6. ナビゲーションバーがコンテンツと重ならないように上部のパディングを追加します。

定義済みの設定を自由に選択したり、ナビゲーション バーやこの方法で配置したい要素の配置を手動で変更したりできます。

固定要素は document フローから取り出されるため、自動配置された要素の上に表示されます。コンテンツの一部が隠れてしまう可能性があります。その場合は、固定要素が隠しているコンテンツにパディングやマージンを使用することを検討してください。

 
ユアン・マック