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