多行的水平Jquery滚动条

Question

我需要一个有两行的滑块，这在某种程度上是可能的，但这不是我需要的。这是交易;

根据tutorial，我可以水平排列多个div。

但如果我需要两行，那么它会对这样的项进行排序：

虽然我需要的是：

（灰色区域不可见）

解决此问题的正确方法是什么？

代码的HTML就像：

<div id="main">
<div id="content-slider"></div>
<div id="content-scroll">
  <div id="content-holder">
        <div class="content-item" id="item-1">item 1</div>
        <div class="content-item" id="item-2">item 2</div>
        <div class="content-item" id="item-3">item 3</div>
        <div class="content-item" id="item-4">item 4</div>
        <div class="content-item" id="item-5">item 5</div>
        <div class="content-item" id="item-6">item 6</div>
        <div class="content-item" id="item-7">item 7</div>
        <div class="content-item" id="item-8">item 8</div>
    </div>
  </div>
</div>
</div>

使用CSS是可以的，但我正在寻找一种对HTML代码的干扰最小的解决方案。

Answer 1

密切关注示例的样式，尝试这样的事情：http://jsfiddle.net/GBr6e/

我已将标记安排到由两个项组成的列中，稍微调整一下css。

希望这有帮助！