Scrollable.js : le DOM au service de la molette !

Le , par FirePrawn, Expert éminent sénior
Faites bouger, apparaître ou encore tourner vos éléments HTML avec la molette de votre souris
grâce à cette bibliothèque JavaScript

Je vous propose aujourd'hui une bibliothèque JavaScript permettant d'influer sur les éléments d'une page grâce à la molette d'une souris.

En effet, comme son nom l'indique, Scrollable.js joue avec le "scroll".
Grâce à cette bibliothèque, vous pouvez désormais déplacer, faire un effet de FadeIn/FadeOut ainsi qu'appliquer une rotation à vos éléments HTML par l'action de votre molette de souris !

Vous pouvez consulter la démonstration pour avoir un aperçu du rendu dans un navigateur.

Scrollable.js nécessite l'inclusion de jQuery pour fonctionner.

Télécharger Scrollable.js

Source : Scrollable sur GitHub

Et vous ?

Pensez-vous que ces manipulations ont un intérêt pour l'utilisateur ?


Vous avez aimé cette actualité ? Alors partagez-la avec vos amis en cliquant sur les boutons ci-dessous :


 Poster une réponse

Avatar de - https://www.developpez.com
le 24/09/2012 à 20:47
son utilisation parait lourde

Code : Sélectionner tout
<div id="movable-demo" data-movable-type="up" data-movable-start="1150" data-fadable-type="in" data-fadable-start="650" data-fadable-end="651" class="movable fadable">
ca fait beaucoup de parametre a mettre dans un element
Offres d'emploi IT
Recherche Associé CTO (Dir. technique) pour lancer un excubateur de projets Web
HeptaDeca - Ile de France - Paris (75015)
Chef de projet web / UX
EXTERNATIC - Pays de la Loire - Nantes (44000)
Développeur web - php / mysql
Dedi Agency - Rhône Alpes - Lyon (69000)

Voir plus d'offres Voir la carte des offres IT
Responsable bénévole de la rubrique Développement Web : Xavier Lecomte -