网页版即时聊天让滚动条自动滚到最底部
来源:互联网 发布:织梦404页面自动跳转 编辑:程序博客网 时间:2024/05/17 03:14
陈永鹏的微博
陈永鹏的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
1 0
- 网页版即时聊天让滚动条自动滚到最底部
- 让DIV中的垂直滚动条自动滚到最底部
- JS滚动条到网页底部自动加载更多内容
- SWT带垂直滚动条的Text自动滚动到底部(比如显示聊天信息)
- 开发聊天功能时让滚动条一直置于页面最底部
- 让DIV的滚动条自动滚动到最底部 总结
- 让DIV的滚动条自动滚动到最底部 - 4种方法
- 让DIV的滚动条自动滚动到最底部 - 4种方法
- 让DIV的滚动条自动滚动到最底部 - 4种方法(第二种好用)
- Flex textarea组件滚动条自动滚到最底部
- js让滚动条保持在底部
- 网页聊天中,发送消息后让滚动条显示在最下面
- JAVA滚动条自动下滑到底部
- 滚动条到底部自动加载
- 滚动条到底部,自动加载数据
- jquery 网页滚动到底部自动加载
- 网页滚动到底部自动加载数据
- DIV的滚动条自动滚动到最底部
- 抖动动画效果
- Intellij Idea error:Can't start Git in MacOS
- **C++** VS2008 使用的一些总结
- Swift3.0 延时执行
- php开启openssl的方法
- 网页版即时聊天让滚动条自动滚到最底部
- LightOJ 1112 Curious Robin Hood && LightOJ 1266 Points in Rectangle(树状数组)
- php实现获取IP地址归属地
- Android性能优化典范
- hduoj2066
- 字符串匹配
- hduoj1874
- Android MAC地址 02:00:00:00:00:00
- 1508-张晨曦总结《2016年-10月-24日》【连续3天总结】