在一个页面中jquery多个scrollpane

Question

是否可以在一个页面上有多个jquery滚动窗格？目前我有，但我想这是因为当我拖动一个滑块时，同一个类".scroll-pane"，所有都在移动。

对此有何想法？谢谢！

Answer 1

在同一页面上使用多个滚动窗格是可能的，也很简单。

<强> HTML

<div class="scroll-pane">
 <p>your content here</p>
 <p>your content here</p>
 <p>your content here</p>
 <p>your content here</p>
</div>

<强>的CSS

.scroll-pane {
 width: 100%;
 height: 200px;
 overflow: auto;
}

.horizontal-only {
 height: auto;
 max-height: 200px;
}​

<强>的Javascript

$('.scroll-pane').jScrollPane();​

检查演示here

如果您有其他问题，提供链接会很棒。