窗口上的jquery从顶部滚动位置

Question

我正在尝试根据窗口距文档顶部的距离来更改一个类，当它大于某个值以进行切换时，由于某种原因它没有发生，这就是我所拥有的到目前为止：

$(window).scroll(function() {

    if ($('html, body').offset.top > ($("#top_section").outerHeight(true) + $("#grid").outerHeight(true))) { 
        $(".nav_middle_text").removeClass("selected");
        $(".nav_middle_text").addClass("notselected");
        $("#about_link").removeClass("notselected");
        $("#about_link").addClass("selected");    
    } 

});

Answer 1

去吧，

$(window).scroll(function() {
    var scroll = $(window).scrollTop();
    if (scroll >= ($("#top_section").outerHeight(true) + $("#grid").outerHeight(true))- 70) { 
        $(".nav_middle_text").removeClass("selected");
        $(".nav_middle_text").addClass("notselected");
        $("#about_link").removeClass("notselected");
        $("#about_link").addClass("selected");    
   } 

});

Answer 2

$(window).scroll(function() {

    if ($(window).scrollTop() >= 50 ) {

        $('.floating-header').addClass('hide');
        $('.fixed-header').addClass('fixed');

    } else {

        $('.floating-header').removeClass('hide').addClass('show');
        $('.fixed-header').removeClass('fixed');
    }
});