I recently added a sticky header using CSS to my long HTML page. At the bottom of the page, there is a <div>
element with a Google Map embedded in it.
As I scroll down the page, the content scrolls behind the sticky header as expected, but the Google Map stays on top of it instead of moving behind.
Is there a way to make the Google Map move behind the sticky header when scrolling, like the other elements do?