0

Webアプリケーションでjqueryjscrollpaneプラグイン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

ありがとう!

アップデート

このjsfiddleを確認してくださいhttp://jsfiddle.net/cWcWb/

4

1 に答える 1