Montrer div après le défilement 100px de haut de la page

J'ai trouvé cela, mais cela ne il 100px avant le bas de la page. J'en ai besoin 100px de haut de la page. Je sais comment le mettre en place, j'ai fait d'autres animations jquery, tout simplement pas ce qui doit être en ce.

$(window).scroll(function(){
  if($(window).scrollTop() + 100 > $(document).height() - $(window).height() ){

    alert("at bottom");

  }
});

Et aussi, j'ai besoin de savoir comment inverser ce donc la div disparaît lorsque l'utilisateur de faire défiler en arrière avant de la 100px.

Ce sera utilisée pour une barre de navigation.

Edit2> Cela a fonctionné aussi:

$(window).scroll(function(){
  if($(window).scrollTop() > 100){
      $("#div").fadeIn("slow");
  }
});
$(window).scroll(function(){
  if($(window).scrollTop() < 100){
      $("#div").fadeOut("fast");
  }
});

OriginalL'auteur DiscoveryOV | 2012-11-02

  1. 26

    Essayez ceci:

    $(window).scroll(function() {
    if ($(window).scrollTop() > 100) {
        //> 100px from top - show div
    }
    else {
        //<= 100px from top - hide div
    }
});
    Je pense que j'ai ajouté quelques informations, car vous avez répondu présent. Je vais essayer ce que vous avez fait jusqu'à présent. Merci!
    Pas de problème, j'ai mis à jour ma réponse pour vous
    Les travaux de cette. Après la mise à jour de mon post je l'ai pris dans mes mains pour le résoudre et est venu avec ce qui est répertorié sous Edit2> dans mon post. Merci pour l'aide!
    Je suis allé à la vôtre de toute façon parce que réalisé qu'il serait mieux travailler. Je viens de montrer la solution que j'avais conçues à l'origine.

    OriginalL'auteur Rory McCrossan

  2. 10

    Essayez ceci:

    var menu = $("nav");
$(window).scroll(function(){
  //more then or equals to
  if($(window).scrollTop() >= 100 ){
       menu.show();

  //less then 100px from top
  } else {
     menu.hide();

  }
});
    Pourquoi cette obtenir une baisse de vote? Si c'était parce que Rory posté exactement la même réponse que vous pouvez voir dans la référence qu'il a fait faire un changement de sa réponse à 14:04, à une heure après ma réponse.

    OriginalL'auteur Chris Andersson

  3. 3

    Je le recommande pour ce faire:

    $("#divname").hide();
$(window).scroll(function() {
    if ($(window).scrollTop() > 100) {
        $("#divname").fadeIn("slow");
    }
    else {
        $("#divname").fadeOut("fast");
    }
});

    Maintenant la division est déjà caché lorsque vous visitez votre page.

    Sans cette:

    $("#divname").hide()

    Ce serait montrer et ensuite effectuer un FadeOut. Et ce n'est pas ce que vous voulez.

    OriginalL'auteur Johnny