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

  • Post author:
  • Post category:其他



陈永鹏的微博




陈永鹏的csdn博客地址



:http://blog.csdn.net/chenyoper


陈永鹏的博客园地址


:http://www.cnblogs.com/Yoperchen/

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


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

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

好吧,其实也很简单。

jquery下只需要一句

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

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

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


网页版聊天地址

本文作者:Yoper

邮箱:chen.yong.peng@foxmail.com


性零糖



版权声明:本文为YoperMan原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。