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

Depuis 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 :-)

Testez vous même !