Créer une animation au scroll

Comment créer une animation au scroll

Voici un petit bout de code de rappel pour faire appraître et disparaître son titre ou tout autre élément en fonction du scroll de l’utilisateur. Le chiffre 50 correspond au nombre de pixel à partir duquel la fonction agit. A régler en fonction de ses besoins.

jQuery(document).ready(function($) {
$(window).scroll(function() {    
    var scroll = $(window).scrollTop();

    if (scroll >= 50) {
         $('.inner-home .site-title').fadeOut('slow');
    } else {
         $('.inner-home .site-title').fadeIn('slow');;
    }
});
});

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.