Это кажется довольно элементарным, но я пытаюсь получить div с фиксированным нижним колонтитулом для slide & amp; исчезать, когда пользователь прокручивает страницу до самого конца, а затем перемещает & amp; исчезают, когда пользователь прокручивает обратно вверх. Я искал переполнение стека, и другие предлагали решения, но мой код заставляет мой div только скользить & amp; Я не могу заставить DIV скользить & amp; исчезают, когда пользователь прокручивает обратно вверх.

Кроме того, этот слайд слайды & amp; исчезает сразу после того, как я начинаю прокручивать. Мне нужно подождать, пока он не достигнет нижней части страницы (или невидимого div, который я мог бы поместить внизу страницы), прежде чем мой div с фиксированной позицией скользит & amp; исчезает.

Какие-либо предложения?

jQuery:

$(function() {
    $('#footer').css({opacity: 0, bottom: '-100px'});
    $(window).scroll(function() {
        if( $(window).scrollTop + $(window).height() > $(document).height() ) {
            $('#footer').animate({opacity: 1, bottom: '0px'});
        }
    });
});

HTML:

<div id="footer">
    <!-- footer content here -->
</div>

CSS:

#footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 100px;
    z-index: 26;
}

Thanks for helping!