現在、トップ バナーの後にトップ ナビゲーション バーが続くページに取り組んでいます。ナビゲーションバーを越えて下にスクロールすると、ナビゲーションバーが固定されるようにしています。これは機能しますが、ナビゲーションが固定されると、ナビゲーション バーがブロック要素ではなくなるため、残りの Web サイト コンテンツが押し上げられます。
ページの位置またはコンテンツを同じ場所に保持しながら、ナビゲーション バーを固定する方法はありますか?
現在、トップ バナーの後にトップ ナビゲーション バーが続くページに取り組んでいます。ナビゲーションバーを越えて下にスクロールすると、ナビゲーションバーが固定されるようにしています。これは機能しますが、ナビゲーションが固定されると、ナビゲーション バーがブロック要素ではなくなるため、残りの Web サイト コンテンツが押し上げられます。
ページの位置またはコンテンツを同じ場所に保持しながら、ナビゲーション バーを固定する方法はありますか?
ウェブサイトの残りの部分がナビゲーション バーの高さ + ナビゲーション バーのマージントップに等しくなるように、div のマージントップを設定します (バナーがあるため)。
ナビゲーションの位置を切り替えるために、どのような種類のスクリプトを使用していますか? jQuery ウェイポイント ( http://imakewebthings.com/jquery-waypoints/shortcuts/sticky-elements/ ) を使用して成功しました。多分あなたはそれを使うか、彼らがあなたの問題にどのように対処するかをチェックすることができます. 「スティッキー要素」の周りにラッパーを追加しているようで、コンテンツが移動するのを防ぎます。