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

scroll-anchoring与滚动惯性冲突，导致内容改变时发生抖动

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug scroll-view 微信iOS客户端 7.0.12 2.11.0

scroll-anchoring与滚动惯性同时影响scroll-view的scrollTop，在快速下拉时，会出现滚动惯性，同时scroll-anchoring失效，缓慢下拉停止时松开时就不会出现抖动

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

2 个回答

  • cptbtptpbcptdtptp
    cptbtptpbcptdtptp
    2020-05-29

    请问解决了吗

    2020-05-29
    有用
    回复 6
    • Thirking
      Thirking
      2020-05-29
      我的使用场景类似微信聊天，所以最终采用了微信聊天的逻辑，到页面顶部的时候，如果再下拉，触发下拉刷新，此时不受滚动惯性的影响
      2020-05-29
      赞
      回复
    • Thirking
      Thirking
      2020-06-01回复cptbtptpbcptdtptp
      是的，应该也是一个bug，所以要自己写一个设置位置的方法，我使用的是设置toView的方法（设置scrollTop应该也可以）
      2020-06-01
      赞
      回复
    • cptbtptpbcptdtptp
      cptbtptpbcptdtptp
      2020-06-01回复Thirking
      我的是在原本的聊天记录上方再添加新拉取的消息 然后使用scroll-into-view定位到拉取前的第一条消息 使用scroll-anchoring是怕上方的图片加载完成后影响到定位 使用下拉刷新的话你的scroll-anchoring会失效吗
      2020-06-01
      赞
      回复
    • cptbtptpbcptdtptp
      cptbtptpbcptdtptp
      2020-06-01回复Thirking
      你是怎么解决上方的图片加载影响定位的
      2020-06-01
      赞
      回复
    • Thirking
      Thirking
      2020-06-01回复cptbtptpbcptdtptp
      就是说放弃使用scroll-anchoring，自己通过计算，将scroll-view定位到增加内容之前的位置上。使用下拉刷新，主要是为了防止滚动惯性导致出现抖动。计算方法网上有很多，基本原理就是：newHeight-oldHeight的算法
      2020-06-01
      赞
      回复
    查看更多(1)
  • 疯狂的小辣椒
    疯狂的小辣椒
    2020-04-23

    你好，麻烦具体描述问题流程，提供出现问题的具体机型、微信版本号、系统版本号，以及能复现问题的代码片段https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

    2020-04-23
    有用
    回复
请 登录 后发表内容
相关问题
相关文档
问题标签
小程序开发组件scroll-view视图容器滚动