收藏
回答

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

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


最后一次编辑于  11-30
回答关注问题邀请回答
收藏

2 个回答

  • 我不高兴了💔
    我不高兴了💔
    12-05

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

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

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

    12-02
    赞同
    回复 2
    • 风轻云淡
      风轻云淡
      12-02
      数据是重新生成的, 每次下拉的时候都是都是把老数据加上新数据重新生成一个数组
      12-02
      回复
    • 仙森ღ₅₂₀¹³¹⁴
      仙森ღ₅₂₀¹³¹⁴
      12-02回复风轻云淡
      用的push还是unshift
      12-02
      回复
问题标签