如何在将div添加到div后将div移动到底部？

所以我目前使用this solution通过编写类似如何在将div添加到div后将div移动到底部？

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

滚动一个div的底部，但我注意到，当我尝试.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)

我是否需要使用其他的一些 “猫腻” 还是什么？

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

来源

2012-04-27 hobbes3

你试过$（ “＃comment_list”）scrollTo（”。 100％'）;? – SuitedSloth 2012-04-27 15:41:20

这应该做的伎俩：

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

检查this jsFiddle样品。

Source

来源

2012-04-27 15:43:23 SuitedSloth

如何下载'scrollTo'？ jQuery插件网站有点令人困惑。我得到[here]（http://archive.plugins.jquery.com/node/8283），但我没有看到任何下载链接。我也看了[演示]（http://demos.flesler.com/jquery/scrollTo/），但我没有看到任何下载链接... – hobbes3 2012-04-28 22:53:35

我相信这是一个DOM功能.. jsFiddle示例没有使用任何插件。 – SuitedSloth 2012-04-30 00:24:46

它不是DOM的一部分。我实际上找到了最新版本1.4.2 [here]（http://flesler-plugins.googlecode.com/files/jquery.scrollTo-1.4.2-min.js）。 – hobbes3 2012-04-30 08:03:20

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

将内容追加到客户端的DIV时，未触发此事件。

所以，你追加内容后，您需要再次致电scrollTop正确设置：

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

HTH

来源

2012-04-27 15:49:58 Sunny

如何在将div添加到div后将div移动到底部？

回答

相关问题