Quelqu'un connaît-il un plugin jQuery qui permet de créer des barres de défilement de style Mac OS X Lion pour tous les navigateurs ?
Merci d'avance.
Edit : Voici une image pour les utilisateurs de Windows
Réponses
Trop de publicités?
Nikolay Dyankov
Points
1348
Intéressant, j'ai écrit un plugin qui fait exactement ça. Il s'appelle LionBars .
Antiscroll est probablement l'un des meilleur plugins disponibles qui recréent les barres de défilement de Mac OS X Lion dans tous les navigateurs.
Certains des grand caractéristiques de Antiscroll :
- Fondu enchaîné
- La taille du conteneur peut être ajustée dynamiquement et les barres de défilement s'adaptent.
- Prise en charge native des molettes de souris, des trackpads et d'autres périphériques d'entrée.
- Affiche les barres de défilement au survol de la souris.
- Supports IE7+, Firefox 3+, Chrome, Safari, Opera
Démonstration : http://automattic.github.io/antiscroll/
Murat Corlu
Points
2751
nanoScroller.js est un plugin jQuery codé avec Coffeescript et il fait son travail : http://jamesflorentino.github.com/nanoScrollerJS/
Ash
Points
3043
El Panneau de défilement Jquery Plugin est ce qui s'en rapproche le plus.
voir le pastille démo.
Pour que le système ressemble davantage à celui de Lion, vous pourriez le personnaliser de manière à ce que la barre ne s'affiche qu'au passage de la souris sur la div de la piste et vous assurer que vous utilisez la balise animateEase fonction.
Oh, et pour une qualité Apple supplémentaire, changez la direction du défilement pour que le bas soit en haut et le haut en bas :-)
FinchSol
Points
69
Le jour de la sortie de Lion, j'étais très attaché à la barre de défilement de l'OS. Les navigateurs disposent déjà d'une barre de défilement par défaut, mais je me suis dit qu'il fallait penser aux utilisateurs de Windows ;).
Il est encore en construction mais il pourrait vous aider : OSX Scroll
Sur la base de tinyscrollbar mais j'ai fait quelques ajustements. Vous pouvez activer l'autohide (comme dans l'OS). Jetez un coup d'oeil aux fichiers sources.
J'espère que cela vous aidera.
