我们如何使一个一个风格的滚动条 与鼠标滚轮敏感(How do we make a styled

我需要创建一个有它自己的滚动条的页面的一个区域，就像下面的图片Facebook的使者。

堆栈溢出，在与大块的代码的答案相同的系统，但并不风格是滚动条。

注意在图片，你会看到正常的滚动条，并在信使DIV的风格滚动条。 任何人都知道该怎么办呢？

Answer 1:

我想，自定义滚动条JavaScript实现，它看起来非常光滑，你不能让一个浏览器滚动条的外观，不错的！

找到一个例子，我只是把共同为您的位置： http://jsfiddle.net/9LHPW/2/ -注意检查资源选项卡，这包括四个外部文件（3X JS和CSS 1X）

看看这个网站的另一个例子（看起来像你想要什么）使用JavaScript和jQuery： http://manos.malihu.gr/tuts/jquery_custom_scrollbar.html

你可以找到插件的家http://manos.malihu.gr/jquery-custom-content-scroller

伴随着一个如何使用它的部分！

Answer 2:

这应有助于： http://manos.malihu.gr/tuts/jquery_custom_scrollbar.html

另一位在这里： http://dotroe.com/subpage.html

这些都是jQuery插件，你可以在你的页面中使用。

Answer 3:

使用之书窗格。 这是伟大的，非常定制，很多演示的位置： http://jscrollpane.kelvinluck.com/#examples

文章来源: How do we make a styled scroll bar for a

with mouse wheel sensitive