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>
- 上一篇 »[微信小程序] 认识微信小程序及开发环境搭建
- 下一篇 »手把手教你写一个微信小程序,推荐