Javascript 更改滚动条上的选框方向而不更改其当前位置

我正在使用

marquee.js

jQuery插件在文本滚动器中呈现列表，但我试图做的是在单击按钮时更改滚动文本的方向，而不更改文本的当前位置

以下是我尝试过的：

var方向='left'；
$（'.right scroll'）。在（'单击'，函数（）上）{
方向=‘右’
})
$（'.left scroll'）。在（'单击'，函数（）上）{
方向=‘左’
})
$（函数（）{
$（'.scrollermarquee'）。字幕({
持续时间：15 000，
方向：方向
});
});
.scrollermarquee{
溢出：隐藏；
边框：1px实心#ccc；
背景：黑色；
颜色：rgb（202255195）；
}

左卷轴
右滚动








您正在
单击事件处理程序中设置
方向
变量，但不调用任何代码来更新
$（'.scrollermarquee'）
的配置


//将选框设置为按提供的方向滚动
var setMarquee=功能（方向）{
$（'.scrollermarquee'）。字幕({
持续时间：15 000，
方向：方向
});
};
$（'.right scroll'）。在（'单击'，函数（）上）{
设置选框（'right'）；//将选框方向更改为右侧
})
$（'.left scroll'）。在（'单击'，函数（）上）{
setMarquee（'left'）；//将选框方向更改为left
})
$（函数（）{
setMarquee（'left'）；//加载页面时启动选取框
});
请从此链接进行检查。
<script>

    // set marquee to scroll in supplied direction
    var setMarquee = function(direction) {
       $('.scrollermarquee').marquee({
            duration: 15000,
            direction: direction
        });
    };

    $('.right-scroll').on('click',function(){
        setMarquee('right'); // change marquee direction to right
    })

    $('.left-scroll').on('click',function(){
        setMarquee('left'); // change marquee direction to left
    })

    $(function () {
        setMarquee('left'); // start marquee when page loads
    });

</script>