如何设置多个动态div的scrollTop()

Question

提前感谢您的帮助！

我正在开发一个包含多个引导面板的仪表板。每个面板都有一个设定的高度，但可以包含溢出的内容，带有溢出：滚动。

我已成功按 ID 在单个 div 上设置了 scrollTop()，但我正在尝试弄清楚如何使其更具动态性和可扩展性，以便将每个面板的滚动条设置为底部。

我是从这个开始的：

$("#mydiv").scrollTop($("#mydiv")[0].scrollHeight);

但我正在寻找这样的东西：

$(".panel-inner").scrollTop($(this)[0].scrollHeight);

或许

$(".panel-inner").scrollTop($(this).height().scrollHeight);

谁能帮忙动态设置滚动条高度？

谢谢！

Answer 1

试试.each():

$(".panel-inner").each(function(){
    this.scrollTop = this.scrollHeight;
});