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

Question

所以在我的网站上我有一个标题。在标题的顶部，我有我的标识和口号，在我的下方，我有导航栏。当用户向下滚动时，我希望标题的顶部（徽标和标语）消失，而导航栏应该保持固定。我知道这需要添加一些position:fixed;，但是如果它在正确的位置才能激活它。之前我曾经使用过媒体查询。是否有一个y滚动？

由于

Answer 1

您需要在此处使用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;
}

此外，您必须考虑固定导航将释放的空间，并将padding或margin添加到下方元素;