bootstrap 4隐藏页面某一点上的标题

Question

我有两个fixed个工作导航栏。我想要的是当第二个粘在顶部时隐藏第一个。我使用javascript将第二个导航栏固定在第一个导航栏下方。

var menu_position = $(".nav-features").offset().top; 
$(window).on('scroll', function() {
    if(($(document).scrollTop() + 50) >= menu_position){
        $(".nav-features").css({"position":"fixed", "top":"112px"});
    } else{
        $(".nav-features").css({"position":"sticky", "top":"auto"});
    }
});