Emuler une scrollbar sur une élément avec prototype.js

[j0k3r_n0ir]

Depuis le temps que je cherchais (et apparemment je n'étais pas le seul (lien externe)) 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 (lien externe) 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

Testez vous même (lien externe) !

[poulpillusion]

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