微信小程序 scroll-view 实现 滚动锚定

问题: 当页面加载多个图片时候, 画到下面某张图片位置, 上面有新加载出来的图片,导致原来看的图片抖动 。
解决方案: 采取scroll-view 中的 scroll-anchoring 解决(仅在ios生效,安卓通过 overflow-anchor css属性解决)
<scroll-view class="scroll" scroll-y enable-back-to-top scroll-anchoring>
  <view>
    <image wx:for="{{urls}}"  src="{{item}}" wx:key="*this"/>
  </view>
</scroll-view>
关键步骤:
  1. scroll-anchoring
  2. wx:key="&*this"
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容