我无法使jquery滚动窗格水平

Question

我已成功使用以下代码制作带滚动窗格的垂直滚动条：

function scrollPane(){
    $('.custom-scroll').jScrollPane({
        showArrows: true,
        verticalDragMinHeight : 0,
        verticalDragMaxHeight : 100,
        mouseWheelSpeed: 120,
        wheelSpeed: 120,
        contentWidth: '100px'
    });
}

我现在正在尝试制作水平滚动条，但它无效。这是我的代码：

function scrollPane(){
    $('.custom-scroll').jScrollPane({
        showArrows: true,
        verticalDragMinHeight : 0,
        verticalDragMaxHeight : 100,
        mouseWheelSpeed: 120,
        wheelSpeed: 120,
        contentWidth: '100px'
    });
    $('.horizontal_bar').jScrollPane({
        showArrows: true,
        contentWidth: '100px'
    });
}

这是我对horizo​​ntal_bar唯一的css：

.horizontal_bar{
    width: 100%;
    height: 200px;
    overflow: auto;
}

如何制作水平滚动窗格？