nirav jscrollpane箭头按钮

时间:2010-12-29 09:34:41

标签: jquery jscrollpane

我正在使用带箭头的jscrollpane(仅垂直)。我的页面上有两个按钮,我希望按钮的工作方式与滚动箭头(向上和向下)按钮的工作方式相同。

http://jscrollpane.kelvinluck.com/(下载链接)

1 个答案:

答案 0 :(得分:0)

您可以使用jScrollPane API和scrollBy方法来完成此任务。我在jsfiddle.net上放了一个例子:

http://www.jsfiddle.net/gLRYu/2/

我的示例中的代码看起来像这样(并且依赖于“向上滚动”和“向下滚动”的ID被添加到页面上的链接):

var api = $('.scroll-pane').jScrollPane().data('jsp');
$('#scroll-up').bind(
    'click',
    function()
    {
        api.scrollByY(-10);
        return false;
    }
);
$('#scroll-down').bind(
    'click',
    function()
    {
        api.scrollByY(10);
        return false;
    }
);