html - 滚动时如何使谷歌地图在粘性标题后面移动

Question

所以我有一个使用 CSS 实现的粘性标题和一个长 HTML 页面。页面底部是一个<div>包含 Google 地图的元素。

当我向下滚动页面时，所有内容都像您期望的那样移动到粘性标题后面，除了谷歌地图，它移动到它上面。

当以与其他元素相同的方式滚动时，我需要做什么才能让 Google 地图在粘性标题后面移动？

Answer 1

谷歌地图容器z-index：-1；

标头容器 z-index：999；

一定要为两者添加位置。