问题: 当页面加载多个图片时候, 画到下面某张图片位置, 上面有新加载出来的图片,导致原来看的图片抖动 。
解决方案: 采取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>
关键步骤:
- scroll-anchoring
- wx:key="&*this"