项目链接:
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 上不起作用,但垂直滚动正在工作。