Facebookの新しいチャットサイドバーのようにスクロールバーを非表示にしてホバーに表示する
Facebookはチャットを更新しましたが、画面の左側に新しい固定サイドバーが表示されたままになりました。コンテンツがオーバーフローすると、スクロールバーが表示されますが、これはマウスホイールでスクロールした場合、またはマウスがスクロールバーの上（または近く）に移動した場合のみです。マウスが上にない場合はフェードアウトします。これは、ウィンドウ化されたオブジェクト（チャット自体など）に非常に役立ちます。それでは、どのように機能しますか？
PS私は純粋なhtml5/css/javascriptソリューション（jqueryなどはありません）を探しています、ブラウザのサポートは不要で、最新のchromeとそれ以上では動作しませんchromeのみ。
通常はオーバーフローをnoneに設定し、overflow-y: scrollホバー。
http://jsfiddle.net/PVZB8/ を参照してください
JQueryを使用しないソリューションが求められるため、これは質問に対する正確な答えではない可能性があります。しかし、私は検索エンジン経由でここに来て、jQueryを使用しています。 がfacebookとまったく同じように滑らかに感じるソリューションが必要な場合は、これを見てください：
http://rocha.la/jQuery-slimScroll を参照してください
nano scroller をチェックアウトすることもできます。
将来の訪問者のためにこのスレッドを復活させ、基本的にこのスレッドに対する他の回答をまとめたいと思います。 jsFancyScroll （ありがとう Leo Selig ！）と nanoScrollerJS （ありがとう ip ！） OSが提供する自然なスクロールエクスペリエンスを維持します。」選択したテキストを検索してから、さまざまな実装のスクロールバーの場所を見て、意味を確認してください。
スクロールバーのスタイルを気にせず、単に自動的に非表示にしたい場合は、 Stephen P の答えが最もエレガントでサポートされているように見えます。