公告列表
公告列表
收藏
回答

即时聊天页面, 下拉加载历史消息 , 新数据渲染到页面, 如何使页面不滚动到最顶部?

做的是一个即时聊天页面, 下拉加载历史消息, 如何使新数据渲染到页面的时候页面不会回滚到顶部, 而保留下拉之前的那个位置 , 类似于QQ或者微信查看历史消息的效果. 尝试使用过wx.pageScrollTop(), 但是会有顿闪


回答关注问题邀请回答
收藏

8 个回答

  • 阳光
    阳光
    2020-02-27

    你可以用scroll-view，监听bindscrolltoupper和bindscrolltolower，在数据加入后设置scroll-into-view就可以了

    2020-02-27
    有用 2
    回复 1
    • X
      X
      2023-08-22
      但是这种情况会出现页面短暂的上滑现象，有解决办法吗
      2023-08-22
      赞
      回复
  • 孟昊迪
    孟昊迪
    2021-06-27

    解决了吗

    2021-06-27
    有用
    回复
  • 王横
    王横
    2021-03-23

    请问问题解决了吗？我这里也遇到的类似的问题，一顿骚操作后模拟器勉强可以，真机没有一点效果（真机调试可以）

    2021-03-23
    有用
    回复
  • cptbtptpbcptdtptp
    cptbtptpbcptdtptp
    2020-06-01

    请问解决了吗

    2020-06-01
    有用
    回复
  • 何忠峰
    何忠峰
    2020-02-25

    一样的需求，我感觉官方实现个下拉加载不会很难，但是没有人理咱们啊~

    2020-02-25
    有用
    回复
  • 维塔斯的星星
    维塔斯的星星
    2020-02-19

    一样有这个需求场景，然而还是没有找到好的方案

    2020-02-19
    有用
    回复
  • 我不高兴了💔
    我不高兴了💔
    2019-12-05

    想问下解决了吗，最近碰到这个问题，尝试了很多方法， 体验还是不友好

    2019-12-05
    有用
    回复 7
    • 风轻云淡
      风轻云淡
      2019-12-05
      我这些天在忙别的所以没去处理了, 不过我这里有个思路, 你试一下, 把父级盒子翻转180度, 子级盒子翻转回来, 下拉刷新就添加到数组后面, 发送消息就添加到数组前面, 你试一下, 行的话跟我说一下.
      2019-12-05
      赞
      回复
    • 我不高兴了💔
      我不高兴了💔
      2019-12-05回复风轻云淡
      顺着你的思路试了几种方式，都不行，不知道是不是我的姿势不对
      2019-12-05
      赞
      回复
    • 我不高兴了💔
      我不高兴了💔
      2019-12-05
      实际的效果是图右的，scroll-top始终默认是0
      2019-12-05
      赞
      回复
    • 风轻云淡
      风轻云淡
      2019-12-05回复我不高兴了💔
      这个我就不太清楚了, 你翻转的盒子是哪一个, 包裹着消息列表的那个吗
      2019-12-05
      赞
      回复
    • 我不高兴了💔
      我不高兴了💔
      2019-12-05回复风轻云淡
      对的，翻转的是包着消息列表的，每条消息也翻转
      2019-12-05
      赞
      回复
    查看更多(2)
  • Code Weaver
    Code Weaver
    2019-12-02

    数据是添加到数组里面嘛？使用 push？

    2019-12-02
    有用
    回复 5
    • 风轻云淡
      风轻云淡
      2019-12-02
      数据是重新生成的, 每次下拉的时候都是都是把老数据加上新数据重新生成一个数组
      2019-12-02
      赞
      回复
    • Code Weaver
      Code Weaver
      2019-12-02回复风轻云淡
      用的push还是unshift
      2019-12-02
      赞
      回复
    • 呜啊吴👻
      呜啊吴👻
      2020-04-14回复Code Weaver
      你好 你这个问题解决了吗 消息上屏的时候是push到数组里吗 然后页面会实时变化吗
      2020-04-14
      赞
      回复
    • Code Weaver
      Code Weaver
      2020-04-14回复呜啊吴👻
      push单个。
      2020-04-14
      赞
      回复
    • I
      I
      2021-05-05回复Code Weaver
      push之后还是要 setdata  整个列表重新渲染还是会在数组最开头显示吧？
      2021-05-05
      赞
      回复
请 登录 后发表内容
相关问题
相关文档
问题标签
滚动page数据渲染聊天位置