Lion-comme la barre de défilement avec jQuery?

Que quelqu'un connait un plugin jQuery qui fait de Mac OS X Lion style des barres de défilement pour chaque navigateur?

Merci d'avance.

Edit: Voici une image pour les utilisateurs de Windows

Lion-comme la barre de défilement avec jQuery?

  • Un lien de ce qu'est un "lion de style de la barre de défilement" est pourrait être utile pour les non-utilisateurs de mac.
  • En forçant un système d'exploitation styles/defaults/comportements des utilisateurs de l'autre est un très non-web-friendly chose à faire.
  • Pas lorsque cet OS de la barre de défilement de style (dans ce cas, OS X Lion) semble meilleure pour et est meilleur pour l'application web à laquelle il est mis en oeuvre.
  • Si oui ou non il semble “mieux” est complètement à côté du sujet. Vous êtes forçant vos préférences visuelles sur un autre utilisateur d'une manière qui interfère avec la façon dont ils sont utilisés à l'expérience de pages web. Bien qu'il existe certainement des raisons valables pour adapter l'expérience de quelqu'un, il y a généralement au moins deux fois autant de raisons de sortir de l'enfer seul. C'est quelque chose que l'expérience vous l'enseigne.
  • En fait, parfois, il est en effet mieux. Par exemple: il économise de l'espace. Certains OS, les barres de défilement sont plus épais (comme Windows) et prendre de la place. Lion les barres de défilement ne pas prendre de place. C'est une raison valable pour l'utiliser. Alors, non, il n'est pas juste "préférences visuelles", mais c'est aussi pour économiser de l'espace dans les situations où vous avez besoin de les barres de défilement pour ne pas prendre de place. Pas sûr de ce que tu veux dire par "C'est quelque chose que l'expérience vous apprend" mais si vous dites que je n'ai pas d'expérience, vous avez tort.
  • En économisant de l'espace au détriment de la violation de l'utilisateur sur la façon de faire défiler une page web n'est pas, dans mon opinion professionnelle, convaincante. Je suis convaincu que je ne suis pas le seul dans cette position, mais néanmoins vous êtes en désaccord et c'est très bien. Ceci, cependant, n'est pas le lieu pour discuter de la question.
  • Nous avons tous deux ne vont pas être d'accord, soyons en accord ou en désaccord. Je sais que je ne suis pas seul avec ma position.
  • Aussi, je voulais juste ajouter que, si oui ou non la barre de défilement est le natif de barre de défilement, vous avez encore le défilement de la même manière.
  • semble que vous n'êtes pas disposé à améliorer l'expérience des utilisateurs à tous. Les gens ne sont pas stupides, ils savent ce que les barres de défilement ressembler. Si ils ont un aspect différent de la valeur par défaut de windows et de ses en ligne avec les sites style puis de l'omi pour le mieux.
  • Je suis un designer. Vous faites le calcul. Maintenant, sérieusement, à la fin du thread, c'est ridicule.
  • aurait pu me tromper alors :p

InformationsquelleAutor Tronic | 2011-07-28
  1. 42

    Antiscroll est probablement l'un des meilleur plugins disponibles qui recrée Mac OS X Lion barres de défilement dans chaque navigateur.

    Certains grande caractéristiques de Antiscroll:

    1. Fondus dans et hors
    2. Taille du conteneur peut être réglé de façon dynamique et les barres de défilement d'adapter
    3. Prend en charge mousewheels, trackpads, d'autres périphériques d'entrée en mode natif
    4. Montre les barres de défilement sur le curseur
    5. Prend en charge IE7+, Firefox 3+, Chrome, Safari, Opera

    Lion-comme la barre de défilement avec jQuery?

    Démo: http://automattic.github.io/antiscroll/

    • même si, pour quelque raison que ce soit, je ne pouvais pas le faire fonctionner sur mon site :p fonctionne de manière autonome. Je suppose que j'ai un autre plugin interférents.
    • La démo de ce même échec pour moi avec Chrome 25.0. Montre-moi la valeur par défaut de la barre de défilement sous.
    • Oui, ça a juste commencé à se produise jamais, depuis la dernière mise à jour de Chrome. Espérons que le développeur sera corrigé bientôt.
    • Je viens de créer un plugin qui permet de répliquer le lion barres de défilement avec moins de dépendances. (encore en Alpha). Voir ma réponse ici: stackoverflow.com/questions/6863748/... .. elle n'a pas d'afficher les barres de défilement sur le vol stationnaire, mais plutôt pendant le défilement est actif (comme les natifs du lion de défilement) pixelass.github.io/customScrollBar il permet également à tout autre style
    • Double barres de défilement ici sur Safari 8.
    • faites défiler le rebondissement est manquant

    InformationsquelleAutor Nathan
  2. 43

    Des choses intéressantes, j'ai écrit un plugin qui fait cela. Il est appelé LionBars.

    • C'est très joli, Nikolay. Beau travail.
    • Merci! Je suis heureuse que des gens trouvent qu'il est utile.
    • Génial! Merci pour ce
    • Passé de 1,5 h à essayer de comprendre ce que je fais mal.. ressemble le script n'est pas comme le "type=" text/javascript" dans les <script> balises.. oh bien. de toute façon, très agréable script.
    • Vous pouvez essayer la nouvelle version de github.com/nikolaydyankov/lionbars - beaucoup plus de soutien (même IE8)
    • Comment doit-LionBars .3 être utilisé pour le faire fonctionner avec les iframes ainsi? $("iframe").lionbars(); ne semble pas fonctionner.
    • Les liens semblent avoir mal tourné, une erreur 404 et tel.. Des idées de ce qui est arrivé à ce plugin/projet?
    • Peteski22, consultez mon commentaire ci-dessous, cela peut vous aider (je ne connais pas puisque je n'ai jamais vu la façon dont l'original a travaillé).
    • Découvrez ma réponse ci-dessous. Antiscroll est un excellent moyen d'obtenir de Lion, comme les barres de défilement dans tous les navigateurs et systèmes d'exploitation.
    • nice, merci pour le partage, mais je ne pouvais pas le faire fonctionner avec un textarea, il y a un spécial/étape supplémentaire à faire pour y parvenir?
    • Double barres de défilement ici sur Safari 8.

    InformationsquelleAutor Nikolay Dyankov
  3. 13

    nanoScroller.js est un plugin jQuery qui codé avec Coffeescript et il fait son travail: http://jamesflorentino.github.com/nanoScrollerJS/

    • À compter de Décembre 2012, ce plugin ne semble pas à l'appui de barres de défilement horizontale.
    • +1 très facile à utiliser et à personnaliser. Aussi c'est la plus courante/plus fréquemment mis à jour le plugin ici
    • Dans mon IE7/IE8 test des plugins listés ici, nanoScroller, c'est - à propos de l'utiliser dans mon prochain projet.
    InformationsquelleAutor Murat Çorlu
  4. 3

    Le jour Lion a été publié, j'ai été très friands de la barre de défilement dans l'OS. Les navigateurs ont déjà une nappe par défaut de la barre de défilement, mais j'ai pensé qu'à leur sujet les utilisateurs de Windows ;).

    Il est encore en construction, mais il pourrait vous aider: OSX de Défilement

    Basé sur tinyscrollbar mais j'ai fait quelques ajustements. Vous pouvez activer le masquage automatique (comme dans l'OS). Il suffit de regarder les fichiers source.

    Espère que cela aide.

    InformationsquelleAutor FinchSol
  5. 3

    La scrollpane Plugin Jquery est le plus proche que vous obtiendrez.

    voir le losange démo.

    Pour le rendre plus comme le Lion, vous pouvez la personnaliser pour afficher uniquement la barre quand la piste div est planait au-dessus et assurez-vous d'utiliser le animateEase fonction.

    Oh, et pour plus de Apple bonté changer le sens de défilement si le bas est en haut est en bas 🙂

    InformationsquelleAutor Ash
  6. 2

    C'est une vieille question.. mais peut-être quelqu'un est toujours intéressé à ma version:

    Source: https://github.com/pixelass/customScrollBar

    Exemple: http://pixelass.github.io/customScrollBar/

    Ce plugin reproduit réellement la barre de défilement plus précisément que antiscroll ou nicescroll.. etc.

    Le plugin permet un contrôle complet sur les barres de défilement (actuellement uniquement à la verticale) et ne nécessite pas de mousewheel.js (comme la plupart des plugins n')
    Supprimer cette dépendance a été le principal objectif de ma version.

    Il écoute également à l'événement scroll (comme antiscroll n').
    Le fondu et placez le pointeur de redimensionnement sur les barres de défilement sont manquants sur tous les autres plugins que j'ai trouvé. Ma version inclut un exemple pour montrer comment obtenir cet effet.

    Il existe en option (pseudo-)événement-auditeurs "scrollEnded" "cliqué" qui sont déclenchés lorsque l'utilisateur de défilement s'est terminé ou lorsque la barre de défilement-pouce est cliqué.

    Ce plugin permet également à presque tous les modèles imaginables et réglage de la barre de défilement, en un clic les flèches (haut-bas-flèches).

    Alpha

    C'est encore en alpha (moment de la publication), mais continuera comme le temps passe.

    • Très joli plugin! Il agit comme le Lion de Montagne barre de défilement. J'aime la façon dont vous a même fait de la barre de défilement de plus en plus grands et ajouter un parchemin de la piste, comme le dendroctone du Lion barre de défilement n'est que lorsque vous passez votre souris sur elle.
    • Merci pour le commentaire. Je vais étendre le plugin un peu plus. Ajout de méthodes, des événements et de la fourniture de certains thèmes. C'est en fait juste une barre de défilement plugin. Le lion-style est juste une démo de thème qui est actuellement codé en dur dans le index.html. Mais je suppose que cela fonctionne pour une démo. C'est un peu buggé, alors que le contenu est trop long. La barre de défilement se déplace trop loin lorsque le défilement facteur est plus grand que 5 ou 6. Je pourrais aussi essayer d'ajouter un élastique de défilement (qui nécessiterait l'mousewheel.js après tout) en option (à l'instar du lion-native-apps)
    • J'ai résolu le problème avec le défilement facteur (je suppose)...
    • Je vois que vous avez même fait un Léopard barre de défilement thème. Nice!
    InformationsquelleAutor
  7. 1

    Utiliser mon plugin: scrollYou

    Il utilise une approche simple pour faire défiler à l'intérieur de l'élément propre. Si vous n'avez pas à ajouter plus d'éléments pour la faire rouler.

    • Ne fonctionne pas sur Safari 8.
    InformationsquelleAutor silviomoreto
  8. 0

    nanoscroller ou nicescroller serait une meilleure option pour un défilement fluide.

    InformationsquelleAutor Ayush Rastogi
  9. 0

    Cette on a des barres de défilement comme ceux qui sont sur Mac et il est très simple à installer. Vous pouvez appliquer de la peau que vous aimez avec les css.

    InformationsquelleAutor mattie
  10. 0

    jScrollPane, plus un peu de modification à faire.

    Cette est un tutoriel sur le sujet.

    InformationsquelleAutor roxes