スクロールに固定される絶対位置決めされたDIVを作成することは可能ですか?

StackOverflow https://stackoverflow.com/questions/9473369

質問

メニュー項目を押すと、コンテンツをスクロールする固定水平ナビゲーションバーを作成するWebサイトがこのアイデアを持っていましたが、背景イメージとロゴの上に「紹介」DIVがありました。最初にページをロードするときに表示される高さ300ピクセルの高さで言う。

だからナビゲーションバーは、この「はじめに」DIVの下部に取り付けられ、過去にスクロールしたときにのみ、ウィンドウの上部に取り付けられ、スクロールしたときに固定されて固定されます。

特定のメニュー項目をクリックすると、単にページの先頭にスクロールした場合は、「はじめに」DIVの下部に接続します。

これはCSSを使って行うことが可能ですか、またはこの効果を達成するためにJavaScriptを使用する必要がありますか?

事前にありがとう!

役に立ちましたか?

解決

これはJavaScriptが必要だと思います。しかしそれは難しくないでしょう。メニューがビューポートからスクロールすると、メニューの位置を[修正]に切り替えることだけが行うことです。

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top