我想弄清楚为什么这个切换不起作用。当用户滚动时,我基本上将它用于粘性标头实现。我已经尝试将它附加到.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);