どのように視差スクロールのWebページで私の背景を浮かべる/オーバーラップするナビゲーションバー（透明な背景を持つ）を作ることができますか？

Question

ナビゲーションバーに背景がなく、背景画像の上に浮かぶウェブページをデザインしようとしています。しかし、これは視差スクロールのWebサイトで、ページが2番目のセクションにスクロールされるとすぐに、ナビゲーションバーが背景を自分の幅でプッシュしました。

私のセクションに浮かべる必要があります。

ありがとうございました。

Answer 1

あなたの質問はむしろあいまいです。

ナビゲーションバーはどこに座りたいのですか？

あなたは、あなたのセクション全体にビューポートの一番上に残っているにそれを設定するには、ナビゲーションバーをしたい場合は、 position fixed; top 0; left: 0; z-index: 1000; （どんな高さとあなたが望む幅） は、カルーセル型の親DOM要素にあなたの視差層を持っています