JQuery FadeIn/FadeOut sur défilement de la souris

Question

je me demandais si jQuery peut gérer l'action suivante:

Je voudrais afficher les liens URL lorsque les lecteurs commencent à défiler vers le bas page de blog Blogspot. Ces liens resteront 100% visibles tout le temps jusqu'à ce que les lecteurs fassent défiler la page vers la position supérieure (0% visible).

J'ai trouvé un jQuery, c'est here.

Mais celui-ci fonctionne comme si vous faisiez défiler vers le haut du bouton du site Web. Je voudrais que mon jQuery fonctionne exactement comme ceci mais au lieu de faire défiler vers le haut sur le clic de souris, il redirigera le lecteur au lien d'URL spécifique (sur le clic de souris).

Est-ce possible?

Merci.

Answer 1

Si vous utilisez des ancres normales de sorte que le clic se produit comme un lien normal, vous pouvez le faire pour le fading:

$(function() { 
    $(document).scroll(function() { 
    if($('body').scrollTop() == 0) 
     $("a.hide:visible").fadeOut(); 
    else 
     $("a.hide:hidden").fadeIn(); 
    }); 
}); 

Et ce CSS ils sont d'abord cachés:

.hide { display: none; } 

Définissez vos liens comme ceci:

<a class="hide" href="Http://google.com">Google Link</a> 

ce script dit que si nous sommes en tête ($('body').scrollTop() == 0) fade out les liens class="hide" qui sont visibles, si nous ne sommes pas au sommet, les fondre. Affectez juste class="hide" aux liens que vous voulez vous comporter de cette façon.