javascript – 自动滚动div与jQuery到追加后的底部

前端之家收集整理的这篇文章主要介绍了javascript – 自动滚动div与jQuery到追加后的底部前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个div class =’messages’.我通过jQuery.append()添加日期到这个div
以下是风格: @H_404_3@.messages { border: 1px solid #dddddd; padding:10px; height: 400px; overflow-x:visible; overflow-y: scroll; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom:10px; font-size:14px; }

对于自动滚屏我使用这样的功能

@H_404_3@receiveMessage = function (name,message,type) { //adding new message $("#messages").append('<strong>' + name + ": " + '</strong>' + message + '<br>'); /autoscrolling to the bottom $("#messages").animate({ scrollTop: $("#messages").height() },300); }

大约〜20条消息正常滚动,但在挂起后,新消息不会滚动. Chrome版本19.0.1084.56.我做错了什么?
谢谢!

解决方法

更改 @H_404_3@scrollTop: $("#messages").height()

@H_404_3@scrollTop: $("#messages").scrollHeight

猜你在找的jQuery相关文章