Javascript 如何在向div添加内容后将div滚动到底部?

Javascript 如何在向div添加内容后将div滚动到底部?,javascript,jquery,Javascript,Jquery,因此,我目前正在通过编写以下内容将div滚动到底部 $(document).ready(function() { $('#comment_list').scrollTop($('#comment_list').scrollHeight) } 但我注意到,当我尝试.append()时,请在注释列表中添加一些内容,然后执行上述代码。它实际上不会滚动到底部(可能.scrollHeight是一个静态值?) 例如,这是行不通的 $('#comment_list').append('<div

因此,我目前正在通过编写以下内容将div滚动到底部

$(document).ready(function() {
    $('#comment_list').scrollTop($('#comment_list').scrollHeight)
}
但我注意到,当我尝试
.append()
时,请在
注释列表中添加一些内容,然后执行上述代码。它实际上不会滚动到底部(可能
.scrollHeight
是一个静态值?)

例如,这是行不通的

$('#comment_list').append('<div>something</div>').scrollTop($('#comment_list').scrollHeight)
$('comment_list').append('something').scrollTop($('comment_list').scrollHeight)
这也不会

$('#comment_list').append('<div>something</div>')
$('#comment_list').scrollTop($('#comment_list').scrollHeight)
$(“#注释列表”).append('something')
$('注释列表').scrollTop($('注释列表').scrollHeight)
我需要用其他的“把戏”吗


欢迎任何提示和建议。提前谢谢

这应该可以做到:

$('#comment_list').append( '<div>something</div>' );
$('#comment_list').scrollTo( '100%' );
$('comment_list')。追加('something');
$(“#注释列表”)。滚动到('100%”);
检查样品


$(document).ready()
事件上调用
scrollTop
函数

将内容附加到客户端的
DIV
时不会触发此事件

因此,在添加内容后,需要再次调用
滚动条
,以正确设置内容:

$('#comment_list').append('<div>something</div>');
$('#comment_list').scrollTop('100%');
$('#注释列表')。追加('something');
$('注释列表').scrollTop('100%);

HTH

您是否尝试过$(“#评论列表”)。滚动到('100%);?如何下载
滚动到
?jQuery插件站点有点令人困惑。我已经到了,但是我没有看到任何下载链接。我还查看了,但也没有看到任何下载链接…我相信这是一个DOM函数。。JSFIDLE示例没有使用任何插件,它不是DOM的一部分。我发现了最新的1.4.2版本。