Javascript 如何通过css、js或jquery将内容隐藏在透明标题后面？

我制作了一个标题，它由一个顶部透明的部分组成，带有徽标和社交链接，再加上一个导航栏，导航栏顶部有一个填充物。在导航栏上我有一些锚，它工作得很好（我已经按照引导中的要求添加了填充，然后工作得很好）。问题是当我滚动页面时，内容会在标题后面。这不是我想要的。我读过很多关于类似情况的帖子，但我没有找到解决办法。当内容div通过导航栏时，是否有javascript变通方法或技术来隐藏内容div？？？我怎样才能做到这一点？我真的想保存透明的顶部标题！非常感谢和问候

您可以将滚动内容放入元素

…

，并将其设置为溢出隐藏：

.content {
  overflow: hidden; /* or "auto" or "scroll" */
}

这样，内容元素之外的所有内容都将被隐藏

如果这对你有帮助，很好：）

---

如果不是的话，如果你能发布一个示例页面，我可能会帮你更好。

我找到了没有JS或Jquery的最简单解决方案

1） 确保您的头包含在特定的div中，并为其设置一个类。例如：

…

2） 假设您已经为身体（或包含内容的div）设置了背景图像，请在css中添加以下内容：

.content_header {
position: fixed;
background: url("...same of body's background image") no-repeat center fixed (same shorthand parameter, if any);
background-size: cover;} 

3） 通过这种方式，您将有一个背景图像，它将产生一个虚假的“透明标题”效果，并且您将解决滚动显示在透明标题后面的内容的问题

---

我希望你会觉得这很有用，我要感谢给我提示的人；）

你忘记添加图片了吗？是的，对不起，我添加了它…这是我的第一个问题，对不起！；）在有人滚动页面之前，您希望它是透明的吗？那么，您希望发生什么？为什么要透明的顶部标题？只需添加与底层主要内容背景匹配的背景。我希望当我滚动页面时，标题保持不变，并且在其下没有显示任何内容！谢谢@fireparter我已经尝试了你的解决方案，我已经在一个div中创建了我的滚动内容，并更新了css，但这似乎不起作用。内容再次位于透明标题后面！你可以将url发布到你的网页或导出不工作的部分吗？所以我可以将溢出部分集成到其中。div应该在logo下面，如果您的logo是位置绝对的或固定的，而content div在它下面，则无法工作，您需要

边距顶部：{logoheight}px或类似于此的内容标题由带有徽标和社交按钮的顶部标题+导航栏组成。所有的收割台都是固定的。我已经添加了页边空白，这解决了我内容的“起点”。问题是当我滚动页面时。还添加了“overflow:hidden”，它会继续显示在标题后面，并且由于它是透明的，所以会显示出来。我已经解决了添加与背景相同的身体图像的问题（请参见下面的解决方案）！使用此技巧，我获得了相同的结果，现在当我滚动页面时，内容隐藏在图像后面！；）谢谢！