到达页面底部时的切换类

Question

当用户开始滚动时，我使用了代码来更改我的粘性标题的 css。

我想保持这种状态，但是当用户也到达页面底部时，我希望将我的粘性标题更改回其原始 css 类 (#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/