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/

到达页面底部时的toggleClass

1 个答案: