美文网首页
微信小程序 scroll-view 实现 滚动锚定

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

作者: pengkiw | 来源:发表于2021-01-01 10:10 被阅读0次
问题: 当页面加载多个图片时候, 画到下面某张图片位置, 上面有新加载出来的图片,导致原来看的图片抖动 。
解决方案: 采取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"

相关文章

网友评论

      本文标题:微信小程序 scroll-view 实现 滚动锚定

      本文链接:https://www.haomeiwen.com/subject/nnzdoktx.html