自定义滚动条不仅适用于chrome

Question

项目链接：

http://50.87.144.37/~projtest/team/design/Camilo/

我使用的自定义滚动条：

http://plugins.jquery.com/custom-scrollbar/

我没有修改任何与jquery相关的代码，但在两个div上调用了自定义滚动条：

$(window).load(function () {
    $(".demo").customScrollbar();
    $(".slider").customScrollbar();
});

我在该插件的html中做了很多改动。例如，自定义滚动条插件的基本html是：

<div id="idName">
    image
    image
    image
    image
    image...
</div>

我已经引入了div而不是图像标签，然后在这些div的悬停时有一个show hide jquery。你可以通过进入项目链接，然后点击这张图片来观察：

然后点击'家具'菜单项，这将带来图像缩略图。水平滚动条将显示在这些缩略图的正下方。

这是缩略图的显示方式：

水平滚动在Chrome上不起作用，但垂直滚动正在工作。