类似于微信聊天的网页版,下拉加载聊天记录

whatcodesay 2015-07-09 09:53:13
页面显示聊天记录我用的是ajax,下拉让左侧滑动条到顶端时候加载数据,用的是prepend方法进行拼接的,问题是用这个方法出来的效果是直接显示出要加载的内容,滚动条依旧在最顶端,我要得到的效果是,加载数据时候不让数据立即出现在浏览器里,滑动条离顶端出现一定距离,然后通过下拉查下刷新出来的数据,请问这个该怎么实现。。。
...全文
5339 10 打赏 收藏 转发到动态 举报
写回复
用AI写文章
10 条回复
切换为时间正序
请发表友善的回复…
发表回复
xiaoyan_2018 2019-01-23
  • 打赏
  • 举报
回复
这种的话,可以考虑使用mescroll来实现,挺不错的一个上拉、下拉刷新插件, 之前就有在项目中实现过,可以去瞅瞅。

https://blog.csdn.net/yanxinyun1990/article/details/85221037
peachesTao 2016-07-04
  • 打赏
  • 举报
回复
我也碰到了类似问题,跳到最后一条记录体验不好,会闪烁。不知道楼主最后怎么解决的?
业余草 2015-07-10
  • 打赏
  • 举报
回复
慢慢来吧,先做一个效果,给你们经理看看!如果不满意,在听你们经理的,让经理帮忙解决
whatcodesay 2015-07-10
  • 打赏
  • 举报
回复
我想到了一个临时的办法,就是在加载聊天数据的时候,给每一条消息记录增加一个锚链接,然后每当数据加载完成时候跳到要加载页面的最后一条记录,这样就能达到要求的效果,但我总感觉会出问题,就先这样吧,各位还有什么好的方法
whatcodesay 2015-07-10
  • 打赏
  • 举报
回复
引用 4 楼 xmt1139057136 的回复:
http://www.internetke.com/effects/css3/2015/0117/1199.html 这个是jquery实现的,代码很简单。
这个方法下拉时候,显示的是刚刚加载进来的数据,我要的效果是先不显示加载进来的数据,然后用户上移动时候显示加载好的数据,就像微信加载消息一样的效果
业余草 2015-07-09
  • 打赏
  • 举报
回复
http://www.internetke.com/effects/css3/2015/0117/1199.html 这个是jquery实现的,代码很简单。
业余草 2015-07-09
  • 打赏
  • 举报
回复
whatcodesay 2015-07-09
  • 打赏
  • 举报
回复
有人遇到过吗

39,082

社区成员

发帖
与我相关
我的任务
社区描述
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。
社区管理员
  • HTML5社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧