css - css: 上に触れると固定するフローティング ナビゲーション バー

Question

これを実現する方法を探しています：

通常ページに挿入され、スクロール中に上部に触れるとそこに固定されるナビゲーションバー。

これは別の見方もできます。最初は上部に配置されていなかった固定ナビゲーション バーのようなものです。

男がjsを使用していたのはこの質問のようなものですが、もっと簡単な解決策が必要です。

ブートストラップを使用していますが、これを行うために純粋な css を使用することは可能ですか?

Answer 1

ブートストラップを使用している場合、組み込みの「Affix」コンポーネントだけではないのはなぜですか?

あなたの質問にもっと適切に答えるために、いいえ、CSS だけでこれを行う方法はありません。その理由は、CSS がスクロール位置を監視できないためです。javascript を使用すると、ウィンドウのスクロール位置にリスナーを追加し、「x」ピクセルになったときに位置が固定されているクラスを切り替えるだけです。