Afficher la div sur la déroulant après 800px

Je veux afficher un div caché lorsque le défilement vers le bas après 800px de haut de la page. Maintenant j'ai cet exemple, mais je suppose qu'il doit être modifié afin d'arriver à ce que je suis à la recherche d'.

EDIT:

[Et quand scrollUp et la hauteur est de moins en moins le 800px, cette division doit masquer]

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

Ici est un Violon de mon code actuel.

  • Avez-vous essayé de le faire? Tout ce que vous devez faire est de déterminer si vous êtes plus de 800 pixels vers le bas et afficher un div.
  • Oui j'ai essayé! Mais comment déterminer?
InformationsquelleAutor AndrewS | 2013-04-03