具有相同类的j涡旋窗格多个div

Question

我有一个html页面，它包含多个具有相同类名的div。一-e

<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或自定义属性)标记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();