jscroll 窗格多个 div 具有相同 class

Question

我有一个 html 页面，其中包含多个具有相同 class 名称的 div。我-e

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

我已经使用 jscroll 窗格来获得漂亮和精美的 scrollbar。它工作正常。但是 scrollToBottom() 功能无法正常工作。只有第一个 div 的滚动条设置为底部，剩余的 divs 滚动条保持与顶部相同。

这是我的函数

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 向下滚动，您需要用另一个 class（或 id，或自定义属性）标记 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();

jscroll pane multiple div with same class