小程序
小游戏
企业微信
微信支付
扫描小程序码分享
image组件lazy-load="{{true}}"图片懒加载无效,已经确认放置在page标签当中了,官方麻烦解答一下是什么原因呢?或者具体说明一下这个懒加载的使用方法,谢谢
7 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
你好,请问是如何判断无效的? lazy-load的机制是图片不在屏幕时不加载,等到滚动到即将出现在屏幕时才开始加载
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
首屏内的图片还没有加载出来,向下滑动,首屏外的图片却已经加载完了,(注:在page页的image上已经写了lazy-load="true"),请问我如何判断它是有效的?
你好,麻烦提供下能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html?search-key=%E4%BB%A3%E7%A0%81%E7%89%87%E6%AE%B5)
wechatide://minicode/DIvtRNmT6vZU
你好,我看了下你的代码片段,你没有理解lazy-load的用法
lazy-load就是你的page页面滚动的时候和你使用scroll-view的时候,里面的image的lazy-load才有效
参考文档:
https://developers.weixin.qq.com/miniprogram/dev/component/image.html?search-key=lazy-load
谢谢您的解答,是要page以及scroll-view同时使用才能生效吗?如果不是,但是所有的 页面不都是包含在了page里面吗,是否需要自己额外添加page标签呢?
wechatide://minicode/yexksOmQ6PZd 我写了新的代码片段,加上了page与scroll-view,但还是看不出效果
问题解决了吗 楼主 我也遇到同样的问题
lazy-load的图片不是出现在屏幕上才会开始加载,而是提前3个屏幕高度就会加载。可以写4个100VH高度的view下拉一下试试
https://developers.weixin.qq.com/community/develop/article/doc/000c8820c586f01f35cc2726a5b813
本人已经解决并写了个文章, 可以解决小图片的懒加载问题
怎么说呢,你需要让微信先算出这个图片的top值。才能完美完成lazyload。所以,有的时候给image 预设一个高,是必须的。
这样测试一下,现在不需要规定放在scroll-view
主要是,图片加上lazy_load属性之后,图片的显示无明显变化?不知道这个懒加载是怎样的一种运作
你别用同一个图片试,你找1000个不同图片,就你现在的写法给srcoll个定位 写个高度,应该可以
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
你好,请问是如何判断无效的? lazy-load的机制是图片不在屏幕时不加载,等到滚动到即将出现在屏幕时才开始加载
首屏内的图片还没有加载出来,向下滑动,首屏外的图片却已经加载完了,(注:在page页的image上已经写了lazy-load="true"),请问我如何判断它是有效的?
你好,麻烦提供下能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html?search-key=%E4%BB%A3%E7%A0%81%E7%89%87%E6%AE%B5)
wechatide://minicode/DIvtRNmT6vZU
你好,我看了下你的代码片段,你没有理解lazy-load的用法
lazy-load就是你的page页面滚动的时候和你使用scroll-view的时候,里面的image的lazy-load才有效
参考文档:
https://developers.weixin.qq.com/miniprogram/dev/component/image.html?search-key=lazy-load
谢谢您的解答,是要page以及scroll-view同时使用才能生效吗?如果不是,但是所有的 页面不都是包含在了page里面吗,是否需要自己额外添加page标签呢?
wechatide://minicode/yexksOmQ6PZd 我写了新的代码片段,加上了page与scroll-view,但还是看不出效果
问题解决了吗 楼主 我也遇到同样的问题
lazy-load的图片不是出现在屏幕上才会开始加载,而是提前3个屏幕高度就会加载。可以写4个100VH高度的view下拉一下试试
https://developers.weixin.qq.com/community/develop/article/doc/000c8820c586f01f35cc2726a5b813
本人已经解决并写了个文章, 可以解决小图片的懒加载问题
怎么说呢,你需要让微信先算出这个图片的top值。才能完美完成lazyload。所以,有的时候给image 预设一个高,是必须的。
这样测试一下,现在不需要规定放在scroll-view
主要是,图片加上lazy_load属性之后,图片的显示无明显变化?不知道这个懒加载是怎样的一种运作
你别用同一个图片试,你找1000个不同图片,就你现在的写法给srcoll个定位 写个高度,应该可以