Étape 6: Ajouter la fonction de défilement
À mon avis, c’est la partie la plus complexe du code, mais nous avons presque fini!!!
Ce segment suivant de code que nous ajoutons permet d’aller à droite à gauche sur l’écran votre image. Pour déplacer que ce de gauche à droite, il suffit de changer la "gauche" à « droite » lors de l’initialisation.
Une fois de plus, pour une description plus détaillée de ce que fait chaque extrait de code, cliquez sur les images et lire les notes.
Pas ce code juste avant votre < /script > balise :
{$(function()}
className var = $('.className') ;
className.css ("left", marche + « % ») ;
var horizontal = className.css('background-position-x') ;
drapeau du var = 0 ; var scroll = 23 ;
Console.log(Walking) ;
$(document) .on ("scroll", function() {} if(showclassName == true) {}
var scroll = $(document).scrollTop() ;
Walking = marche - 1 ;
className.css ("left", marche + « % ») ;
Si (marche == -10) {}
marche = 110 ; }
Si ((scroll % 3) == 0) {}
Si (horizontal == « 0px ») {}
className.css ("background-position-x", "-65px") ;
horizontal=ClassName.CSS('background-position-x') ;
}
ElseIf ((horizontal == "-65px") & & (drapeau == 0)) {}
className.css ("background-position-x", "-format 130 x") ;
horizontal=ClassName.CSS('background-position-x') ;
drapeau = 1 ;
}
ElseIf ((horizontal == "-65px") & & (drapeau == 1)) {}
className.css ("background-position-x", « 0px ») ;
horizontal=ClassName.CSS('background-position-x') ;
drapeau = 0 ;
}
ElseIf (horizontal == "-format 130 x") {}
className.css ("background-position-x", "-65px") ;
horizontal=ClassName.CSS('background-position-x') ;
} } } }); });