javascript - 到达页面顶部时删除类吗？

Question

我正在使用以下脚本添加投影并将位置固定到我的标题。但是，当用户一直滚动回到顶部时，如何删除该类？

这是我的脚本:

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

当滚动条位于最顶部时如何反转？

Answer 1

检查top_offset是否为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');
        }
    })
});