mCustomScrollbar似乎不适用于水平滚动条？

Question

http://jsfiddle.net/3LQJG/2/

上面是一个JSFiddle，展示了这个问题。我在mCustomScrollbar方向overflow的内容所有者的父级上调用x。

但是，您会注意到它会修改容器的宽度，并且滚动条处于非活动状态。

我该如何纠正？

Answer 1

看看this example。查看mCustomScrollbar演示页面的源代码，您将看到水平滚动条需要：

1. axis:'x'
2. advanced:{autoExpandHorizontalScroll:true} - 我不知道它的用途，但没有它滚动条不起作用

另外，我已准备example jQuery Scrollbar - 只是为了查看和尝试。滚动条样式基于容器类。 demo page

上提供了不同的滚动条类型

Answer 2

感谢您的正确答案！我想知道为什么水平卷轴不起作用。 我修改了一下如下：

$(function(){
    var csObj = new Object();
    //csObj.horizontalScroll=true;
    csObj.setWidth=700;
    csObj.setHeight=300;
    csObj.verticalScroll=true;
    csObj.axis="xy";
    csObj.advanced={autoExpandHorizontalScroll:true};
    csObj.scrollButtons = {
        enable:true,
        scrollType:"pixels",
        scrollAmount:300
    };
    csObj.callbacks = {onTotalScroll:finishFunc};
    //csObj.theme="dark";

    $("#content_1").mCustomScrollbar(csObj);
});

我认为这种风格更容易理解。