Question

可能重复：
Use jQuery to scroll to the bottom of a div with lots of text

我使用div来附加用户聊天的上下文，但是，我发现每当更新聊天上下文时，说div中有超过100行，但它总是显示前几行取决于div的高度。如果要查看其他行，则必须拖动垂直滚动条，但我想显示最新的上下文，这始终是最后一行。怎么做到这一点？

Answer 1

您可以在< span >中追加每一个新行，并在添加后添加焦点。滚动条会自动向下移动到焦点< span >。

编辑：对不起，错过了jquery标签。使用.scrollTop()。这是文档： http://api.jquery.com/scrollTop/

Answer 2

我把它扔到了一起：http://jsfiddle.net/purmou/Bk5vV/

我这样做是为了当你点击“发送”按钮（模拟聊天框）时，它会将“新聊天内容”附加到可滚动div的末尾，并使用以下内容滚动到div的末尾。 jQuery scrollTo插件。

这是jQuery：

$(document).ready(function() {
   $("#newchat").click(function() {
      $("#scroll").append("<br>New chat content.");
      $("#scroll").scrollTo('100%');
   }); 
});

更多关于ScrollTo的信息：http://plugins.jquery.com/project/ScrollTo

如何在将文本追加到div时始终看到底线？

2 个答案: