0

项目链接:

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

4

0 回答 0