使用页面加载时的jQuery(多个<div>)</div> </div>滚动到<div>的底部

时间:2013-05-19 11:27:41

标签: jquery

我知道这已在此处Scroll to bottom of Div on page load (jQuery)得到解答,但当多个<div>具有不同高度时,此解决方案无效。

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

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

请参阅http://jsfiddle.net/4pfLQ/

3 个答案:

答案 0 :(得分:3)

试试这个:

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

FIDDLE DEMO

答案 1 :(得分:0)

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

答案 2 :(得分:0)

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

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

其中N - 是DIV的数字,从0开始计数。 或者如果你想滚动每个DIV,那就试试吧:

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