jscroll窗格具有相同類的多個div

Question

我有一個HTML頁面，其中包含多個具有相同類名的div。 即

<div class='some-class'>
<div class='some-class'>
<div class='some-class'>

我已經將jscroll窗格用於漂亮的scrollbar 。 它工作正常。 但是scrollToBottom()函數無法正常工作。 僅第一個div的滾動條設置為底部，其余div的滾動條保持相同。

這是我的職能

var scrollPane = $('.some-class').jScrollPane().data('jsp');
scrollPane.scrollToBottom();

Answer 1

如果您需要滾動的所有div都向下，請遍歷它們：

var scrollPanes = $('.some-class');
scrollPanes.each(function() {
    var jsp = $(this).jScrollPane().data('jsp');
    jsp.scrollToBottom();
});

如果只需要向下滾動一個div，則需要用另一個類（或id或custom屬性）標記div，並僅對其應用：

<div class="some-class only-this"></div>
<div class="some-class only-that"></div>
<div class="some-class only-self"></div>

使用JS：

var scrollPane = $('.some-class.only-this').jScrollPane().data('jsp');
scrollPane.scrollToBottom();