Jscrollpane:使用水平滚动条功能可以滚动200px吗?

问题描述:

我试图像在垂直的例子,但不能得到那个工作。Jscrollpane:使用水平滚动条功能可以滚动200px吗?

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

+1

您是否使用Swing或HTML? JScrollpane让我觉得你的意思是Swing,但是谈论DIV让我觉得你的意思是HTML。你能澄清吗? – Codemwnci 2010-10-16 13:08:33

+1

@Codemwnci:JScrollPane是一个JQuery插件。 – skaffman 2010-10-16 13:11:56

+0

@skaffman:这很有道理。 – Codemwnci 2010-10-16 13:12:52

这听起来像你正在寻找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); 
     } 
    ); 
} 

另外,你提到你的scrollpane包含很多图像。如果是这样的话,你需要确保使用以下两种方法之一是滚动面板可以正确计算它的宽度:

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

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

+0

AAhw我不知道scrollbyx函数将x添加到我的代码中,它工作正常。对我来说很愚蠢......谢谢你清理那个! – 2010-10-17 12:13:16

+0

很高兴帮助。您可以将此标记为正确的答案,以便问题显示为已回答... – vitch 2010-10-18 15:59:07

你使用的是哪个版本?根据这个不存在,但已经在最新版本的文档,这在几个月前就出来了......

看到http://code.google.com/p/jscrollpane/issues/detail?id=8

如果这不适合你,还有另外一个插件http://plugins.jquery.com/project/jscrollhorizontalpane可能为你做这项工作。