Html 保留英雄图像背景的一部分，用于粘性导航

我有一个带有英雄形象的页面，导航从顶部滑入，标志从左上角滑入，菜单链接从右上角滑入英雄形象顶部。我想实现的是，当我向下滚动页面时，导航是粘性的，这很容易，但也保留了英雄图像顶部的部分，作为粘性导航背景。我知道我可以直接得到导航的高度，从英雄形象中裁剪出来，作为导航的背景，但是我认为可能有一种更简单的方法可以动态地做，这样无论使用什么英雄形象都可以

有什么想法吗？在谷歌搜索并查看了这里之后，似乎找不到太多帮助，他们都只是询问并展示如何使导航具有粘性，这是最简单的部分，保持英雄形象作为粘性导航背景是另一回事

---

提前谢谢

你可以用一些代码来补充你的文章。请提供一些你作品的代码。你想让我发布什么代码？我还没到呢。我想去。我目前拥有的代码与此无关。它确实做到了我在帖子中描述的。我在寻找使用的方法，CSS，JS，你们会怎么做，等等。