为jquery滚动窗格分配新箭头div

我正在定制一个UI滚动窗口，它可以水平滚动并充满图片。我已经将jquery

滚动窗格

应用于容器

div

，它成功地应用了客户滚动条。就这么简单。。。并将

主滚动窗格

类添加到所述窗口中

$(function()
{
    $('.main-scroll-pane').jScrollPane();
});

我要做的是将arrow div重新定义为驻留在容器div之外的箭头，位于任意一侧

有什么样的脚本可以实现吗

$(function(){$('.main-scroll-pane-left-arrow').jScrollPane();});

在

div class=“.scroll pane left arrow”

我已经阅读了一些API，这是允许的：

---

有没有人知道有什么方法可以确切地说明我应该如何实现这一点，以及需要什么样的脚本来扩展插件，使其具有不止一个滚动窗格的这类功能？

这个问题在这里被问到并回答了：

但为了详细说明我的答案，我举了一个例子：

您需要为链接添加侦听器，然后使用命令告诉jScrollPane滚动：

$(function()
{
    var api = $('.scroll-pane').jScrollPane().data('jsp');
    $('#scroll-up').bind(
        'mousedown',
        function()
        {
            var interval = setInterval(
                function()
                {
                    api.scrollByY(-5);
                },
                100
            );
            $(window).bind(
                'mouseup.jspExample',
                function()
                {
                    clearInterval(interval);
                    $(document).unbind('.jspExample');
                }
            );
        }
    );
    $('#scroll-down').bind(
        'mousedown',
        function()
        {
            var interval = setInterval(
                function()
                {
                    api.scrollByY(5);
                },
                100
            );
            $(window).bind(
                'mouseup.jspExample',
                function()
                {
                    clearInterval(interval);
                    $(document).unbind('.jspExample');
                }
            );
        }
    );
});

---

请注意，代码有点复杂，因为我想展示如何在按住鼠标按钮的同时继续滚动（因此需要setInterval和mouseup的附加侦听器）。代码也可以简化，以便两个按钮共享一个事件处理程序，但我认为这种形式更容易理解（尽管更长）…

基于上述版本构建，这里是一个横向替代方案