Pour D3mystic.com, mon site sur diablo3, j'ai besoin d'une barre de défilement qui ressemble à celle ci-dessous :

Après avoir cherché sur google avec les termes "scrollbar github", j'ai trouvé plusieurs plugins qui pourraient correspondre : perfect-scrollbar, smooth-scrollbar, simple-bar, simple-scrollbar, malihu-custom-scrollbar, jquery.scrollbar, gemini-scrollbar, nanoScrollerJS, jquery.nicescroll

Néammoins, la barre de défilement doit réunir plusieurs critères obligatoires :

  • Hautement personnalisable,
  • Flèche en haut et à bas
  • Méthodes de destruction et de mise à jour
  • Doit marcher avec jquery 3*
  • Doit marcher sur tous les navigateurs

Seulement, 2 plugins correspondent aux critères: malihu-custom-scrollbar et jquery.scrollbar. Nous allons voir les avantages et les inconvénients de chacun de ses plugins et nous garderons celui qui convient le mieux. Pour chaque plugin, j'ai crée un codepen.

1) Malihu-custom-scrollbar

Codepen :

Avantages :

  • Options faciles à utiliser
  • Attributs faciles à utiliser

Inconvénients :

  • Sélection multiple en tags
  • Feuille de style difficile à modifier
  • Barre de défilement personnalisé difficile à insérer

2) jquery.scrollbar

Codepen :

Avantages :

  • Options faciles à utiliser
  • Attributs faciles à utiliser

Inconvénients :

  • Sélection multiple en tags
  • Feuille de style difficile à modifier
  • Barre de défilement personnalisé difficile à insérer