jscroll窗格具有相同类的多个div

Question

我有一个html页面，其中包含多个具有相同类名的div。 I-E

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

我已经使用了jscroll窗格来表达漂亮和花哨的scrollbar。 它工作正常。 但scrollToBottom()功能无法正常工作。 仅第一个div的滚动设置为底部剩余的div s滚动条与顶部保持相同。

这是我的功能

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

Answer 1

如果您需要将所有带滚动的div转为down，请遍历它们：

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

如果您只需要一个带滚动的div，那么您需要使用另一个类（或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();