Javascript 滚动到正确位置时，保持导航栏在页面顶部

所以我的网站有一个标题。在页眉的顶部有我的徽标和标语，下面是导航栏。当用户向下滚动时，我希望标题的顶部（徽标和标语）消失，而导航栏应该保持固定。我知道这需要一些

位置：fixed已添加到它，但如何使它仅在正确的位置激活。我以前做过一些媒体查询。有y形卷轴的吗

谢谢
您需要在此处使用javascript才能订阅
window.onscroll
事件

window.onscroll = function(){
    if(window.pageYOffset > 100/*px*/)
        $('.nav').addClass('fixed_bar');
    else
        $('.nav').removeClass('fixed_bar');
}

而
.fixed_bar
的css将是这样的：

.fixed_bar{
    position:fixed;
    top:0;
    z-index:10000;
}
.fixed_bar .logo{
    display:none;
}

此外，您还必须考虑固定导航将释放的空间，并向下方元素添加
填充
或
边距
 你的语法正确吗？一开始对我不起作用。然后我返回并将其调整到这个window.onscroll=function（）{if（window.pageYOffset>210/*px*/）{$（'.bottom_header'）.addClass（'fixed_bar'）；$（'.top_header'）.css（'visibility:hidden；'）；}else/*if（window.pageYOffset但无论如何，谢谢，我之前不知道window.pageYOffset位：）是的，语法是正确的，但我在示例中使用的类不是实际的，只是作为示例给出的。您调整后的代码看起来不错。/*px*/注释不是必需的，我添加它只是为了视觉透明。是的，我知道。嗯，奇怪的是，它只在if和else之后使用额外的大括号。