Je suis vraiment déçu de ne pas pouvoir personnaliser la barre de défilement de Firefox, mais je cherche maintenant des alternatives. Vous trouverez ci-dessous les meilleurs que j'ai trouvés, mais je pensais que je devrais demander des opinions et peut-être des liens vers les meilleurs!
http://manos.malihu.gr/jquery-custom-Content-scroller (semble super, prend en charge les changements de contenu)
http://baijs.nl/tinyscrollbar/ (semble décent, prend en charge les modifications de contenu, 100 lignes de code, etc.)
http://johnford.is/examples/script.aculo.us /index.html (exemples d'image a l'air bien, support de roue de souris disponible)
sont-ils les meilleurs, ou quelqu'un a-t-il une recommandation?
4 Réponses :
Ceux dans le premier lien que vous avez donné sont très gentils et utiles.
En ce qui concerne le défilement, il n'ya pas beaucoup de choses à faire si vous n'êtes pas un Picasso < / a> à mon avis. Je dis aller avec le premier lien.
Cela devrait être un commentaire, pas une réponse.
Ma recommandation: Stick avec les barres de défilement fournies par le navigateur. Ils ne peuvent pas ressembler exactement à la façon dont vous voulez, mais ils fonctionneront mieux que tout remplacement JavaScript, sera cohérent avec les barres de défilement dans d'autres applications du système d'exploitation de l'utilisateur et fonctionnera lorsque JavaScript est désactivé. Vous évitez également les efforts maintenant (développement plus facile) et plus tard (pas de maintenance).
Je voudrais le faire sans JavaScript, mais quand je mettais des graphiques de type LCD pour le contenu div / menu (comme celui-ci S3.Envato.com/files/384147.jpg mais une carrée au lieu d'une ovale) sur ma nouvelle peau / thème ( SOLARCOORDINATES.COM/DEMO/NEWTHEMEDEMO.PNG ), puis la barre de défilement standard va probablement regarder vraiment, vraiment hors de propos.
+10, si je pouvais. Je déteste quand un site Web fournit des barres de défilement personnalisées. Regardez Le site Web de Hoogt : J'aime leurs films, mais chaque fois que je dois regarder où se trouve la barre de défilement. Ne me fais pas penser!
@Marcel Désolé, mais ce fond est une catastrophe. Rien de mal avec le gars se mettant lui-même et son bébé en arrière-plan, mais il doit être subtil. IMO, le contraste de couleur élevé et déroutant donnera à peu près n'importe qui un mal de tête, mais la petite barre de défilement à gauche va bien.
@Michael: J'avoue que les barres de défilement par défaut vont chercher hors place. Le coût de remplacement des barres de défilement est élevé, pour le développeur et l'utilisateur, et vous devez être sûr de connaître toutes les questions avant de le faire (examinez attentivement l'accessibilité et la convivialité). Si vous décidez d'implémenter des barres de défilement JavaScript, assurez-vous simplement tout ce que vous utilisez des revenus sur les barres de défilement normales du navigateur lorsque JS est éteint.
@Tim Yep, le site ne fonctionne pas actuellement si JS est désactivé, mais cela va y arriver. Si JS est activé, le corps, qui est vide par défaut, est récupéré avec Ajax. Une fois que j'ai terminé avec tout, une version non-JS sera jointe dans une étiquette Noscript dans le corps.
@Michael: C'est en fait une affiche de film dans le style commun du théâtre de film; Cela change tous les mois. Mais j'avoue que c'est un site assez bruyant.
J'ai bownvoché. Je ne suis pas d'accord. Prenez Gmail par exemple. Ils ont une barre de défilement personnalisée, cela fonctionne bien et a l'air bien mieux que l'OMI par défaut. Je pense que la barre de défilement des navigateurs doit cependant être une secousse dans le cas où l'utilisateur n'utilise pas JavaScript.
@Conradk: Assez juste, merci d'avoir expliqué. J'imagine qu'il y a de meilleures options disponibles maintenant que lorsque j'ai écrit cela, mais ma vue générale n'a pas vraiment changé.
Cela ne répond pas à la question. En outre, plusieurs sites Web agréables et slick utilisent JS Scrollbars.
@Samuelrossille: Eh bien, je dirais que la question pose des recommandations, ce que j'ai donné, mais je vois votre point. Je me tiens par mon conseil, encore plus maintenant avec des appareils tactiles si répandus: vous avez besoin d'une extrêmement bonne raison d'utiliser des barres de défilement JS plutôt que d'utiliser des barres de défilement indigènes et une extrêmement bonne implémentation. Merci d'avoir pris le temps d'expliquer votre bowvote.
J'aime utiliser Tiny ScrollBar pour la conception minimaliste et pour les cas d'utilisation plus personnalisés que j'utilise Scroller de contenu personnalisé JQuery
Je recommande ce plug-in JQuery Custom Barre de défilement:
https://github.com/mzubala/jquery-custom-scrollbar Les caractéristiques
incluent:
