Fade Out Sur De Défilement

Je suis relativement nouveau à JQUERY et je suis à la recherche d'un point dans la bonne direction.

Comment puis-je obtenir un fondu sur de défilement effet?

Comme http://fearthegrizzly.com/ ou http://davegamache.com

Idéalement, j'aimerais avoir l'option pour déplacer quoi que l'image que je veux fondu dans un div. Si c'est possible.

C'est probablement la peine de mentionner, je veux mettre en œuvre ce Cargo Collective.

Grâce

InformationsquelleAutor Michael | 2012-07-13
  1. 1

    Astuce pour poser des questions: Ne vous contentez pas de nous dire ce que vous voulez. Nous ne sommes pas ici pour faire votre travail pour vous. Montrez-nous ce que vous avez essayé, afin que nous puissions le corriger.

    Cela étant dit, c'est un début...

    Lorsque la fenêtre de défilement de la position supérieure est plus grande que 20px, il s'estompe un div, lorsque vous faites défiler vers le haut, elle se fane dans.

    $(window).scroll(function(){
   if($(window).scrollTop()<20){
         $('.fader').stop(true,true).fadeIn("slow");
   } else {
         $('.fader').stop(true,true).fadeOut("slow");
   }
});

    DÉMO

    InformationsquelleAutor sachleen
  2. 17

    fearthegrizzly.com utilise un .css() la méthode. Vous pourriez essayer:

    $(window).scroll(function() {
    $(".header-image").css({
    'opacity' : 1-(($(this).scrollTop())/250)
    });          
});

    Vous faites défiler vers le bas 250px, la propriété est entièrement disparu, et vice-versa.

    • Vraiment cool, tout ce que je suis à la recherche d' (effet similaire à fearthegrizzly)! Est-il loin d'ajouter un retard? Si le fondu commence après 200px ou un % de la valeur?
    InformationsquelleAutor Tim