17行代碼解決微信小程序圖片延遲加載

js 頁面

Page({
  data: {
    realScrollTop: 0,//頁面滾動距離
　　 driveHeight　　　//屏幕高度可初始化設置
},
scroll(e){
  if(e.detail.scrollTop > this.data.realScrollTop){
      this.setData({
          realScrollTop: e.detail.scrollTop
      });
  }
 }
});

　　

wxmal頁面

<scroll-view scroll-y="true" scroll-top="{{resetScrollTop}}" bindscroll="scroll" >
<image wx:if="{{realScrollTop+driveHeight*2 > (index*70)}}" src="{{item['img']}}"></image>　　
<image wx:else src="{{item['bgm']}}"></image>
</scroll-view>