到达页面顶部时删除课程？

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显示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');
        }
    })
});