隐藏滚动条和显示在悬停像Facebook的新聊天边栏 [英] hide scrollbar and show on hover like facebook's new chat sidebar

问题描述

Facebook刚刚更新了聊天（再次），现在一个新的固定侧栏停留在屏幕左侧。当其内容溢出时，会出现滚动条，但只有在使用鼠标滚轮或鼠标移动（或靠近）滚动条时滚动。它淡出，如果鼠标没有在它。它对于窗口对象（如聊天本身）非常有用。

Facebook just updated chat (yet again) and now a new fixed side bar stays on the left of the screen. when its contents overflow, a scroll bar appears, but only if scrolled with the mouse wheel or if mouse moves over (or near) the scroll bar. It fades out if the mouse is not over it. it is very useful for thing windowed objects (such as the chat itself). So how does it work?

我正在寻找一个纯的html5 / css / javascript解决方案（没有jquery等），没有浏览器支持，应该工作在最新

PS i am looking for a pure html5/css/javascript solution (no jquery or such), no browser support necessary, should work in latest chrome and nothing more, since i am making an app for chrome only.

推荐答案

这是Stephen P.的更新post有一个样式的滚动条。

Here is an update to Stephen P.'s post to have a styled scroll bar.

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

-Mike

这篇关于隐藏滚动条和显示在悬停像Facebook的新聊天边栏的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！