使用setInterval在滚动期间切换类

时间:2015-10-23 23:53:35

标签: javascript scroll setinterval

我想弄清楚为什么这个切换不起作用。当用户滚动时,我基本上将它用于粘性标头实现。我已经尝试将它附加到.scroll()事件,但这非常好看。我这次正在尝试setInterval。

addClass完全按预期工作,但removeClass永远不会被触发。谁知道为什么?

setInterval(function() {
     if ( activeHeader.offset().top - $(window).scrollTop() - 32  < 0  ) {
    $(tableHeader).addClass('fixed');
 } else {
    $(tableHeader).removeClass('fixed');
 }
}, 250);

编辑 - 即使我运行两个相反的setIntervals,也不会发生removeClass。我只是无法理解为什么。我敢肯定我在这里缺少一些基本的东西。

    setInterval(function() {
     if ( activeHeader.offset().top - $(window).scrollTop() - 32  < 0  ) {
    $(tableHeader).addClass('headroom--fixed');
 }
}, 250);


setInterval(function() {
    if ( activeHeader.offset().top - $(window).scrollTop() - 32  > 0  ) {
    $(tableHeader).removeClass('headroom--fixed');
 }
}, 100);

0 个答案:

没有答案