鍍金池/ 問答/HTML5  網(wǎng)絡安全  HTML/ 移動端react應用,在滾動列表中,使用圖片懶加載時。手指不松手不加載圖片。

移動端react應用,在滾動列表中,使用圖片懶加載時。手指不松手不加載圖片。

之前給圖片加上懶加載之后也沒有仔細看,今天突然發(fā)現(xiàn)一個奇怪的問題。

手指滑動時,如果一直按著不松手,圖片就不會顯示,一定要等手松開后才顯示圖片。
請看下圖。
圖片描述

我以為是我手指抬起后才開始下載的圖片,結(jié)果后來看一下控制臺,更疑惑了。

圖片描述

可以看到圖片進入視窗的時候已經(jīng)開始加載了,但是好像只有等到我手指抬起時,才開始真正的下載圖片,只要我不松手,圖片就不加載。

最后看一下圖片的加載時間

圖片描述

一張7k圖片用時需要10秒嗎 ╭( ̄m ̄*)╮
實在不知道是哪里出了問題,我自己用手機測試了一下,真的是這樣子,不松手圖片不加載

回答
編輯回答
笑浮塵

應該是UI的優(yōu)先級比較高吧,你還沒松手的時候還在處理事件,阻塞了圖片的加載

2017年10月22日 22:01