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

Question

预先感谢您的帮助!

我正在开发一个仪表板，其中有多个 Bootstrap 面板。每个面板都有一个设定的高度，但可以包含溢出的内容，使用overflow:scroll。

我已经成功地通过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;
});