Javascript 上面有滚动内容的固定标题？

我正在为一家家族企业建立一个网站，我正在安装一个固定的导航栏，但我希望当用户滚动时，公司徽标和地址（导航栏上方）消失，而导航栏保持不变。以下是链接，您可以看到我在说什么：

我尝试过使用

fixed

CSS属性，但由于某种原因，在横向查看时，它会导致地址和电话号码消失。我知道使用javascript是可能的，但我希望避免这种情况，只使用CSS

我所追求的一个工作示例可以在上看到。请注意，上面写着Kernersville，下面有一个导航栏，有几个按钮（菜单、位置、电话、汽车等）——当你滚动时，Kernersville区域消失，但导航区域始终保持在顶部，在桌面版本上，Kernersville徽标变小了很多。如果可能的话，这就是我在没有javascript的情况下试图实现的目标。如果没有，我将非常感谢您的帮助，因为我的javascript效率已经不是最好的了

---

我暂时将

fixed

属性更改为

absolute

，所以问题现在没有出现，我想一旦我找到了滚动标题，这就不会成为问题。

你必须使用jquery/javascript来寻找你想要的东西……我不确定是否要避免使用JS，因为你需要检测用户何时“滚动”，而这是CSS无法实现的。你可以做到最好的如果没有JS，将进行两次导航。一个固定在浏览器窗口顶部，z索引为1，另一个绝对定位在主体顶部，z索引为2。本质上，滚动导航将隐藏固定导航，直到用户滚动通过滚动导航。有没有紧凑的JS/jQuery解决方案？你能提供一点html吗？？