网页版即时聊天让滚动条自动滚到最底部

陈永鹏的微博

陈永鹏的csdn博客地址:http://blog.csdn.net/chenyoper

陈永鹏的博客园地址:http://www.cnblogs.com/Yoperchen/


最近在做一个网页版的即时聊天系统(其实是拿别人开源的系统来改造)。遇到一个小问题,就是当发送信息达到一定数量的时候,滚动条不会自动跳下去,如下这样子:

网页版即时聊天让滚动条自动滚到最底部_第1张图片


这样就无法及时看到聊天信息而且每看一次最新信息就要手动划一下滚动条。用户体验极差。

原谅我第一次做这个东西。


好吧,其实也很简单。

jquery下只需要一句

就是在发送信息和接收信息的时候,加上

$('#div').scrollTop( $('#div')[0].scrollHeight );


记得#div有一个固定的宽度以及overflow-y=auto.



网页版聊天地址








本文作者:Yoper

邮箱:[email protected]



性零糖



你可能感兴趣的:(后端,JAVA,&,PHP,前端,HTML+JS+CSS,滚动条,jquery,即时聊天)