jscrollpane - 水平滾動

Question

我在我的web應用程序中使用jQuery jscrollpane插件http://jscrollpane.kelvinluck.com/。我想用它只在水平位置滾動。

像這裏顯示http://jscrollpane.kelvinluck.com/basic.html

這裏是我的html：

<div class="addbox horizontal-only scrollpane"> 
<h4><span class="addbox-text">Pick your best work from <b class="highlight-text">Flickr</b> to display in your portfolio</span></h4> 
<div class="addmenu-item"><span class="addmenu-image"><img class="addmenuimage" src="http://farm8.staticflickr.com/7122/7424355198_72620895bd_m.jpg"></span><span class="addmenu-info">Orchid Profiles</span></div> 
<div class="addmenu-item"><span class="addmenu-image"><img class="addmenuimage" src="http://farm8.staticflickr.com/7122/7424355198_72620895bd_m.jpg"></span><span class="addmenu-info">Orchid Profiles</span></div> 
</div> 

CSS：

.scroll-pane 
{ 
height: auto; 
max-height: 400px; 
overflow: auto; 
} 
.horizontal-only 
{ 
height: auto; 
max-height: 200px; 
} 

JQuery的：

$(".addbox").jScrollPane(); 

但它不工作（高度搞亂了，jscrollpane處於垂直位置）。這裏是代碼的其餘部分的css https://gist.github.com/2984404

謝謝！

UPDATE

請檢查此的jsfiddle http://jsfiddle.net/cWcWb/

Answer 1

這是因爲你的.addbox的寬度足以顯示不滾動的所有內容（700像素）。

嘗試將其更改爲400像素例如，你會看到水平滾動會出現