Facebook的水平滾動條在報價和聊天欄

Question

還有關於這個問題的另一個問題（hide scrollbar and show on hover like facebooks new chat sidebar），但我感興趣的是他們如何實現滾動條的樣式。我只有一個猜測，那就是他們把自己的div放在滾動條所在的位置，從而隱藏它，並簡單地使自己的「抓手」跟隨滾動高度。

我需要向一個固定位置的div添加垂直滾動，如果有人知道一個好的插件（或者可以告訴我如何製作我自己的）來實現這一點，我很樂意聽到他們的消息。

感謝

Answer 1

jQuery UI的實際上有一個可愛的小滑塊插件，您可以按照您喜歡的風格。看看演示在這裏：

http://jqueryui.com/demos/slider/side-scroll.html

主要插件頁面：

http://jqueryui.com/demos/slider/#side-scroll

，我已經對現在已經死了現場使用的另一種真棒插件是這一個：

http://jscrollpane.kelvinluck.com/basic.html

Answer 2

有一個jQuery插件就是爲了這個，看看http://rocha.la/jQuery-slimScroll

Answer 3

nanoScroll是很乾淨實施http://jamesflorentino.github.com/nanoScrollerJS/