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

Answer 2

$(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');
  }
});

Answer 3

使用window.pageYOffset;获取当前滚动位置。
检查当前位置是否为顶部＆amp;使用removeClass

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

3 个答案: