Bootstrap 4 tutorial
コンポーネント(10): ナビゲーションバー: 配置/上端張り付き
ナビゲーションバー
配置 / 上端張り付き
この下にあるナビゲーションバーが上端張り付き nav.navbar.sticky-top の設定例。
- 画面上端までは上スクロール
- 画面上端に達すると張り付いて固定
↓↓↓↓↓ このナビゲーションバー ↓↓↓↓↓
コンポーネント(10): ナビゲーションバー: 配置/上端張り付き
この下にあるナビゲーションバーが上端張り付き nav.navbar.sticky-top の設定例。
↓↓↓↓↓ このナビゲーションバー ↓↓↓↓↓
↑↑↑↑↑ このナビゲーションバー ↑↑↑↑↑
position: sticky を用いているが、この設定はまだブラウザ側の対応が完全ではない。特にIE10,1E11はサポート外になることに注意(caniuse - CSS position:sticky を参照)。
(以下スクロール用のダミー画像)
