html - スクロール時にGoogleマップをスティッキーヘッダーの後ろに移動させる方法

Question

そのため、CSS と長い HTML ページを使用して実装されたスティッキー ヘッダーがあります。ページの下部には<div>、Google マップを含む要素があります。

ページを下にスクロールすると、ご想像のとおり、すべてのコンテンツが固定ヘッダーの後ろに移動します。ただし、Google マップはその上に移動します。

他の要素と同じようにスクロールするときに、Google マップをスティッキー ヘッダーの後ろに移動するにはどうすればよいですか?

Answer 1

Google マップ コンテナの z-index: -1;

ヘッダー コンテナーの z-index: 999;

必ず両方に位置を追加してください。