Question

我尝试在垂直示例中执行此操作，但无法使其工作。

所以我所拥有的是一个带有水平滚动条的div，里面有很多图片。我现在想制作一个按钮，如果点击将滚动+ 200px或类似的东西。这是可能的，我从哪里开始？在谷歌或这里找不到任何东西......

Answer 1

您使用的是哪个版本？根据文档，这不存在，但已在几个月前发布的最新版本中得到修复......

请参阅http://code.google.com/p/jscrollpane/issues/detail?id=8

如果这对您不起作用，则可以使用另一个插件http://plugins.jquery.com/project/jscrollhorizontalpane来为您完成此任务。

Answer 2

听起来您正在寻找jScrollPane 2的scrollBy功能：

http://jscrollpane.kelvinluck.com/scroll_to.html

由于您只想横向滚动，因此您将使用scrollByX函数，如下所示：

$(function()
{
    var scrollPane = $('.scroll-pane').jScrollPane();
    var api = scrollPane.data('jsp');
    $('#your-button-id').bind(
        'click',
        function()
        {
            api.scrollByX(200);
        }
    );
}

此外，您提到滚动窗格包含大量图像。如果是这种情况，您需要确保滚动窗格可以使用以下两种技术之一正确计算它的宽度：

http://jscrollpane.kelvinluck.com/image2.html

http://jscrollpane.kelvinluck.com/image.html

Jscrollpane：水平滚动条功能是否可以滚动200px？

2 个答案: