Quiero mostrar un div oculto al desplazarme hacia abajo después de 800 px desde la parte superior de la página. Ya tengo este ejemplo, pero creo que necesita una modificación para lograr lo que estoy buscando.

EDITAR:

[Y cuando scrollUp y la altura sea menor que 800px, este div debería ocultarse]

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);
            }
        }); 
    });
});

Aquí hay unViolín de mi código actual.