Le plugin jquery MouseWheel permet de gérer des actions lors d’événement sur la molette de la souris. Il suffit, pour l’utiliser d’inclure la librairie JQuery, et ce plugin, puis d’instancier la méthode comme ça :
if (delta < 0) {
//action quand on "tire" la molette vers soi
}else if (delta > 0){
//action quant on "pousse" la molette
}
});
Le paramètre delta retourne un chiffre positif quand on "pousse" la molette, et un chiffre négatif quand la ramène vers soi. La valeur de se chiffre peut varier suivant la vitesse avec laquelle on "pousse" ou "tire" la molette.
#element est l’élément qui sera sensible aux actions sur la molette. C’est à dire que tout mouvement de celle-ci en dehors de #element ne déclenchera aucunes actions (si ce n’est celles du navigateur)
Par exemple, sur ma dernière réalisation, sur l’élément #page_ecran, on décale l’élément #gallerie vers la gauche lors d’un delta négatif, et vers la droite lors d’un delta positif.
Mai
A Propos
Je suis un concepteur et développeur web à Grenoble. Je développe essentiellement avec le CMS Spip. Actuellement en contrat chez Territorial, je continue ma veille technologique, et vous fais partager ce que je trouve utile et pratique.
