toggleClass при достижении нижней части страницы

Question

Существует код, который я использую для изменения css моего липкого заголовка, когда пользователь начинает прокрутку.

Я хотел бы сохранить его таким образом, но я хочу изменить свой липкий заголовок обратно на исходный класс css (#header_container), когда пользователь дойдет до нижней части страницы.

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

Извините, что я плохо разбираюсь в этом.

Надеюсь, вы сможете помочь! Спасибо!

Answer 1

Try:

$(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/