スクロールで固定される絶対配置divを作成することは可能ですか？

Question

私は、メニューアイテムを押すとコンテンツをスクロールする固定の水平ナビゲーションバーを作成するウェブサイトについて考えましたが、その上に背景画像とロゴを含む「introduction」divを配置したかったので、最初にページを読み込んだときに表示される300ピクセルの高さが表示されます。

ナビゲーションバーはこの「導入」divの下部に付いて表示され、スクロールしたときにウィンドウの上部にアタッチされ、スクロールすると固定されるようになります。

特定のメニュー項目をクリックした場合、またはページの先頭までスクロールしただけの場合は、再び「紹介」部門の下部に追加されます。

これはCSSで簡単に行うことはできますか、この効果を得るにはjavascriptを使用する必要がありますか？

ありがとうございます！

Answer 1

JavaScriptが必要になると思います。しかし、それは難しくありません。あなたがする必要があるのは、メニューがビューポートからスクロールアウトされるときに、メニューの位置を「固定」に切り替えることだけです。