收藏
回答

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

做的是一个即时聊天页面, 下拉加载历史消息, 如何使新数据渲染到页面的时候页面不会回滚到顶部, 而保留下拉之前的那个位置 , 类似于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)
  • TNT
    TNT
    2019-12-02

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

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