不工作:jquery自定义滚动条请帮忙?

时间:2011-08-24 06:13:30

标签: javascript jquery css jquery-plugins

我在尝试将jScrollPane(或任何自定义滚动条)集成到我正在使用jquery来呈现淡入淡出效果的选项卡时遇到了一些困难。

我正在制作标签:

http://jsfiddle.net/3WzAY/

但每当我添加任何类型的jquery自定义选项卡滚动条(http://jscrollpane.kelvinluck.com/mwheel_intent.html或其他任何内容[我只能在此处发布两个链接]时)滚动条完全无法呈现。当我检查互联网上页面的源代码时,似乎根本没有创建代码应该动态呈现的滚动窗格,条形和轨道的div。

我已经这么做了很长时间没有取得任何成功,如果有人可以帮助我让其中一个标签可滚动,我将非常感激! 非常感谢你!

2 个答案:

答案 0 :(得分:3)

使用jScrollPane是一件痛苦的事。我试图将它与隐藏的标签一起使用,但没有成功。然后我找到了tinyscrollbar - 插件。

您可以查看示例here

首先初始化插件:

$(function() {
    $('.scrollbar1').tinyscrollbar();
    tabs.create();
});

然后每次打开标签页时都会更新

$('#objects').tabs({
    show: function() {
        $('.scrollbar1').tinyscrollbar().update;
    }
});

答案 1 :(得分:0)

尝试3个滚动条后

这是唯一适合我的人。

https://github.com/nathggns/Scrollbars

试一试