Facebook的水平滚动条在报价&聊天边栏 [英] Facebook's horizontal scrollbar in ticker & chat sidebar

问题描述

这个问题还有另一个问题（隐藏滚动条和显示在悬停像Facebook新的聊天边栏），但我很感兴趣，他们如何实现滚动条的样式。我只有一个猜测，那就是他们把自己的div在滚动条的位置，因此隐藏它，只是使自己的抓手跟随滚动高度。

There is another question regarding this issue (hide scrollbar and show on hover like facebooks new chat sidebar), but I'm interested in how they have achieved the styling of the scrollbar. I have only one guess, and that is that their putting their own div right where the scrollbar would be, thus hiding it and simply making their own "gripper" follow the scroll height.

我需要添加垂直滚动到一个固定的div，如果任何人知道一个好的插件（或可以告诉我如何使我自己）实现这一点，我很高兴听到他们。

I need to add vertical scrolling to a fixed positioned div, and if anyone knows a good plugins (or can tell me how to make my own) to achieve this I'd be glad to hear about them.

感谢

推荐答案

jQuery UI实际上有一个漂亮的小滑块插件，反正你喜欢。请观看此处的演示：

jQuery UI actually has a nice little slider plugin that you can style anyway you like. Take a look at the demo here:

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

主插件页：

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

我在现在死的网站上使用的另一个真棒插件是这个：

Another awesome plugin that i've used on a now-dead site is this one:

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

这篇关于Facebook的水平滚动条在报价&聊天边栏的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！