移动端react应用,在滚动列表中,使用图片懒加载时。手指不松手不加载图片。

之前给图片加上懒加载之后也没有仔细看,今天突然发现一个奇怪的问题。

手指滑动时,如果一直按着不松手,图片就不会显示,一定要等手松开后才显示图片。
请看下图。
图片描述

我以为是我手指抬起后才开始下载的图片,结果后来看一下控制台,更疑惑了。

图片描述

可以看到图片进入视窗的时候已经开始加载了,但是好像只有等到我手指抬起时,才开始真正的下载图片,只要我不松手,图片就不加载。

最后看一下图片的加载时间

图片描述

一张7k图片用时需要10秒吗 ╭( ̄m ̄*)╮
实在不知道是哪里出了问题,我自己用手机测试了一下,真的是这样子,不松手图片不加载

阅读 3.8k
2 个回答

应该是UI的优先级比较高吧,你还没松手的时候还在处理事件,阻塞了图片的加载

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题