javascript - jscroll Pane 具有相同类的多个 div

Question

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

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

我使用了 jscroll Pane 来实现漂亮而奇特的滚动条。它工作正常。但 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();