masquer la barre de défilement et afficher en survol comme la nouvelle barre latérale de discussion de facebook

Question

Facebook juste mis à jour le chat (encore une fois) et maintenant une nouvelle fixe la barre latérale reste sur la gauche de l'écran. lors de son contenu débordement, une barre de défilement apparaît, mais seulement si le défilement avec la molette de la souris ou si la souris se déplace sur (ou à proximité) de la barre de défilement. Il disparaît si la souris n'est pas dessus. il est très utile pour la chose fenêtré objets (tels que le chat lui-même). Alors, comment ça fonctionne?

PS je suis à la recherche d'un pur html5/css/javascript solution (pas de jquery ou tel), pas de prise en charge du navigateur nécessaires, devraient travailler en dernier chrome et rien de plus, depuis que j'ai fais une application pour chrome seulement.

Answer 1

Voici une mise à jour du message de Stephen P. pour une barre de défilement stylisée.

http://jsfiddle.net/PVZB8/139/

-Mike

Answer 2

Vous définissez le débordement sur none normalement et le changez pour avoir overflow-y: scroll en survol.

Voir http://jsfiddle.net/PVZB8/

Answer 3

Ce n'est peut-être pas la réponse exacte à la question, car il est demandé une solution sans jQuery. Mais je suis venu ici via un moteur de recherche et j'utilise jQuery. Si vous souhaitez une solution aussi fluide et identique à celle de Facebook , jetez un coup d'œil à ceci:

Voir http://rocha.la/jQuery-slimScroll

Answer 4

Vous pouvez également vouloir vérifier nano scroller .

Answer 5

Je voudrais relancer ce fil de discussion pour le bénéfice des futurs visiteurs et essentiellement la somme des autres réponses à ce fil. Je préfère jsFancyScroll (merci Leo Selig!) ainsi que nanoScrollerJS (grâce ip!) car ils sont tous deux "conserver le naturel de défilement de l'expérience fournie par le système d'exploitation." Juste essayer de chercher pour une sélection de texte, puis en regardant l'emplacement de la barre de défilement dans les diverses implémentations de voir ce que je veux dire.

Si vous ne vous souciez pas pour le style de la barre de défilement et juste envie de masquage automatique, Stephen P's réponse semble être la plus élégante et la meilleure prise en charge.