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

Question

我正在建立一个网站，向下滚动（500px）后，它会以静态导航栏开头，该功能将删除类“ 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');
    }
});