jquery - jquery在一页中有多个滚动窗格

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();​

在这里查看演示

如果您还有其他问题，最好提供链接。