nirav jscrollpane箭头按钮

Question

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

http://jscrollpane.kelvinluck.com/（下载链接）

Answer 1

您可以使用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;
    }
);