jquery - 1ページにjqueryの複数のスクロールペイン

Question

1ページに複数のjqueryスクロールペインを配置することは可能ですか？".scroll-pane"現在持っていますが、同じクラスで1つのスライダーをドラッグすると、すべてが動いていると思います。

これについて何かアイデアはありますか？ありがとう！

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

ここでデモを確認してください

別の問題がある場合は、リンクを提供するとよいでしょう。