到达页面底部时切换类

Question

我使用的代码是为了在用户开始滚动时更改粘性 header 的 css。

我想保持这样，但我希望将我的粘性 header 改回原来的 css class (#header_container)用户也到达了页面底部。

$(window).on("scroll touchmove", function () {
    $('#header_container').toggleClass('tiny', $(document).scrollTop() > 0); 
});

对不起，我不擅长这个。

希望对您有所帮助！谢谢！

Answer 1

尝试：

$(window).on("scroll touchmove",function() {
   if($(window).scrollTop() + $(window).height() == $(document).height() || $(window).scrollTop() == 0 ) {
       $('#header_container').removeClass('tiny');
   } else {
$('#header_container').addClass('tiny');   
}
});

jsfiddle: http://jsfiddle.net/jsz8wumm/1/

到达页面底部时切换类

toggleClass when reaching bottom of page

jquery

scroll

scrolltop

toggleclass

touchmove