Jscrollpane：使用水平滾動條功能可以滾動200px嗎？

Question

我試圖像在垂直的例子，但不能得到那個工作。

所以我所擁有的是一個水平滾動條的div，裏面有很多圖片。 我現在想做一個按鈕，如果點擊將滾動+ 200px或類似的東西。 這是可能的，我從哪裏開始？在谷歌或這裏找不到任何東西...

Answer 1

這聽起來像你正在尋找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

Answer 2

你使用的是哪個版本？根據這個不存在，但已經在最新版本的文檔，這在幾個月前就出來了......

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

如果這不適合你，還有另外一個插件http://plugins.jquery.com/project/jscrollhorizontalpane可能爲你做這項工作。