jquery - 滚动到底部在页面加载时使用 jQuery（多个)

Question

我知道这已在此处得到回答Scroll to bottom of Div on page load (jQuery)，但是当有多个 <div>不同高度的解决方案时，此解决方案不起作用。

$('.myContent').scrollTop($('.myContent')[0].scrollHeight);

不适用于<div>具有不同高度的多个！

见http://jsfiddle.net/4pfLQ/

Answer 1

尝试这个：

$('.myContent').each(function () {
    $(this).scrollTop($(this)[0].scrollHeight);
});

小提琴演示

Answer 2

使用此代码 -由于包含在代码中，$('.myContent').scrollTop($('.myContent')[0].scrollHeight); 您只针对具有类的 DOM 树的第一个 div 。myContent[0]

Answer 3

您必须决定要滚动哪个 DIV。您可以选择其中之一

$(".myContent:eq(N)")

其中 N - 是 DIV 的数字，从 0 开始计数。或者，如果您想滚动每个 DIV，请尝试：

$('.myContent').each(function () {
    $(this).scrollTop($(this)[0].scrollHeight);
});