在页面加载时使用 jQuery 滚动到 <div> 的底部（多个 <div>）答案

【问题标题】：Scroll to bottom of a <div> with jQuery on page load (multiple <div>)在页面加载时使用 jQuery 滚动到 <div> 的底部（多个 <div>）
【发布时间】：2013-05-19 11:27:41
【问题描述】：

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

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

不使用多个不同高度的<div>！

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

【问题讨论】：

标签： jquery

【解决方案1】：

试试这个：

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

FIDDLE DEMO

【讨论】：

【解决方案2】：

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

【讨论】：

你应该提到所有<div>s 都被滚动到第一个<div>的滚动高度

【解决方案3】：

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

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

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

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

【讨论】：