到達頁面頂部時刪除類別？

Question

我正在使用以下腳本來添加陰影和位置固定到我的標題。但是，當用戶一直回滾到頂部時，我該如何刪除該類？

這裏我的腳本：

$(function() { 
$(window).scroll(function() { 
    var top_offset = $(window).scrollTop(); 
    if (top_offset) { 
     $('.top_head_separator').addClass('fixed-top fade-in'); 
    } 
}); 

如何扭轉這一時滾動條在最頂端？

Answer 1

檢查是否0如果是使用removeClass。

jsFiddle showing the value of top_offset

$(function() { 
    $(window).scroll(function() { 
     var top_offset = $(window).scrollTop(); 
     if (top_offset == 0) { 
      $('.top_head_separator').removeClass('fixed-top fade-in'); 
     } else { 
      $('.top_head_separator').addClass('fixed-top fade-in'); 
     } 
    }) 
}); 

Answer 2

• 使用window.pageYOffset;來獲得當前的滾動位置。

• 檢查當前位置是否是頂部&使用top_offsetremoveClass

Answer 3

$(function() { 
$(window).scroll(function() { 
    var top_offset = $(window).scrollTop(); 
    if (top_offset === 0) 
     $('.top_head_separator').addClass('fixed-top fade-in'); 
    else if (top_offset > 100) // or something else 
     $('.top_head_separator').removeClass('fixed-top fade-in'); 
    } 
});