Emuler une scrollbar sur une élément avec prototype.js
Par j0k le lundi 12 novembre 2007, 02:09 dans développement - 7221 vuesDepuis le temps que je cherchais (et apparemment je n'étais pas le seul) un script dans cette idée de personnaliser une scrollbar, voir même de pouvoir facilement en créer une pour un div spécifique ... et bien j'ai enfin trouvé un script JS, en plus de ça il est basé sur prototype.js, qui permet de faire ça !!
ScrollBox.js est tout de même agé de quelques mois maintenant. Certains scripts permettaient d'émuler une scrollbar, mais sans prendre tous les éléments en compte, c'est à dire :
- la personnalisation simple
- les mouvements de roulettes de la souris
- le clic sur le curseur de navigation
- La navigation via le clavier (haut, bas, pageup, pagedown, end, home ..)
Une simple feuille de style et deux images permettent de personnaliser facilement la scrollbar. A votre roulette :-)
2 commentaires en tout !
Bien joué ! C'est la scrollbar JS la plus proche de la perfection que je connaisse pour l'instant.
Je n'ai qu'un reproche et demi à lui faire : le clic milieu n'est pas pris en charge, et la compatibilité avec IE6 et IE7 n'est pas au top (quand on drag sur la scrollbar, ca selectionne le texte autour).
Mais bon, j'avoue que je suis exigeant ;)
Exigeant? je ne trouve pas!
Moi perso, cette scroll ne fonctionne pas sous ie6... pas bien!
Pensez à vous inscrire !