Chcę pokazać ukryty div podczas przewijania w dół po 800px od góry strony. Do tej pory mam ten przykład, ale myślę, że wymaga modyfikacji, aby osiągnąć to, czego szukam.

EDYTOWAĆ:

[A kiedy scrollUp i wysokość jest mniejsza niż 800px, ten div powinien się ukryć]

HTML:

<div class="bottomMenu">
  <!-- content -->
</div>

css:

.bottomMenu {
    width: 100%;
    height: 60px;
    border-top: 1px solid #000;
    position: fixed;
    bottom: 0px;
    z-index: 100;
    opacity: 0;
}

jQuery:

$(document).ready(function() {
    $(window).scroll( function(){
        $('.bottomMenu').each( function(i){
            var bottom_of_object = $(this).position().top + $(this).outerHeight();
            var bottom_of_window = $(window).scrollTop() + $(window).height();
            if( bottom_of_window > bottom_of_object ){
                $(this).animate({'opacity':'1'},500);
            }
        }); 
    });
});

Tutaj jestSkrzypce mojego obecnego kodu.