Javascript 如何修复导航栏

我试图使我的导航栏固定时，我滚动，但它不工作，我的代码有什么问题

let nav_offset_top = $('.navbar').height() + 50;

function navbarFixed() {
    if ($('.navbar').length) {
        $(window).scroll(function() {
            let scroll = $(window).scrollTop();
            if (scroll >= nav_offset_top) {
                $('.navbar').addClass('navbar-fixed')
            } else {
                $('.navbar').removeClass('navbar-fixed')
            }enter code here
        })
    }
}
navbarFixed();

---

这会在用户滚动页面时添加一个类。基于该类，您可以在

CSS

中固定导航栏

$(function () {
    $(document).scroll(function () {
        var $nav = $("nav");
        $nav.toggleClass('scrolled', $(this).scrollTop() > $nav.height());
    });
});

---

我不确定你的HTML和CSS是什么样子的，但是jQuery工作得很好

让nav_offset_top=$（'.navbar'）.height（）+50；
函数navbarFixed（）{
如果（$（'.navbar'）.length）{
$（窗口）。滚动（函数（）{
让滚动=$（窗口）.scrollTop（）；
如果（滚动>=导航偏移量顶部）{
$（'.navbar'）.addClass（'navbar-fixed'））
}否则{
$（'.navbar'）.removeClass（'navbar-fixed'））
}
})
}
}
导航键固定（）
.navbar已修复{
位置：固定；
排名：0；
左：0；
}

菜单
演示
我的CSS也很好，你想看看吗it@HillaryOkello您需要做的是发布代码，重新创建您遇到的问题。