javascript - 将某些内容附加到该 div 后，如何将 div 滚动到底部？

Question

所以我目前正在使用这个解决方案通过编写类似的内容将 div 滚动到底部

$(document).ready(function() {
    $('#comment_list').scrollTop($('#comment_list').scrollHeight)
}

但是我注意到，当我尝试做.append()一些事情时，#comment_list然后执行上面的代码。它实际上并没有滚动到底部（也许.scrollHeight是静态值？）。

例如，这不起作用

$('#comment_list').append('<div>something</div>').scrollTop($('#comment_list').scrollHeight)

这也不会

$('#comment_list').append('<div>something</div>')
$('#comment_list').scrollTop($('#comment_list').scrollHeight)

我是否需要使用其他“技巧”或其他东西？

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

score 3 · Accepted Answer

这应该可以解决问题：

$('#comment_list').append( '<div>something</div>' );
$('#comment_list').scrollTo( '100%' );

score 0 · Accepted Answer

该scrollTop函数在$(document).ready()事件中调用。

DIV当您将内容附加到客户端时，不会触发此事件。

因此，在附加内容后，您需要scrollTop再次调用以正确设置它：

$('#comment_list').append('<div>something</div>');
$('#comment_list').scrollTop('100%');

高温高压

2 回答 2