javascript - 根据滚动位置添加和删除 Bootstrap 导航栏类

Question

我正在构建一个网站，它在向下滚动(500 像素)后以静态导航栏开始，该函数删除类“navbar-static-top”并添加“navbar-fixed-top”。哪个工作正常。但是我想让它在用户滚动回顶部时变回静态..我在网上找不到任何关于它的信息，我试过使用 jQuery 'hasClass()' 函数，但这也不起作用......有什么想法吗？

这就是我现在拥有的..

   $(window).scroll(function() {
    $('#navbarMain').each(function(){
    var imagePos = $(this).offset().top;

    var topOfWindow = $(window).scrollTop();

        if (imagePos > topOfWindow-500) {
            $(this).removeClass("navbar-static-top");
            $(this).addClass("navbar-fixed-top");
        }

    });
}); 

Answer 1

我在用这个

$(window).scroll(function() {
    var nav = $('#navbarMain');
    var top = 200;
    if ($(window).scrollTop() >= top) {

        nav.addClass('fixed');

    } else {
        nav.removeClass('fixed');
    }
});