页面加载图片，加载太多的时候，快速滑动过程中页面空白

柯小黑

页面加载图片，当图片加载很多（图片已经加载完成），这个页面实际很长的时候，快速上滑或者下滑，使页面快速滚动，在这个滚动的过程中，页面会呈现空白，停下的时候才会显示页面。求大神怎么解决这个问题？

selina1105

如果图片在本地，也不是很多的话，确认下是不是哪代码写错了

柯小黑

selina1105 发表于 2016-12-9 16:06
如果图片在本地，也不是很多的话，确认下是不是哪代码写错了

图片是通过<div style="background-image: url('')></div>,显示的，图片不是在本地，图片地址是通过ajax请求得到的，有很多，已经做了分页处理，先加载一页，然后上滑到底部，加载更多，然后到加载图片数量越来越多的时候，只要快速滚动页面，页面就会变空白

selina1105

柯小黑 发表于 2016-12-9 16:14
图片是通过

建议先找本地的图片测试下

柯小黑

selina1105 发表于 2016-12-9 16:20
建议先找本地的图片测试下

嗯，试过了，我把<div style="background-image: url('')></div>，中的地址写死成本地路径，这样一直加载，页面很长，快速滚动的时候，页面是正常的，不会出现空白；url写死成同一个网络地址也没问题；把url换成实际请求得到地址就不行了，很多图片，每个图片地址都是不一样的

selina1105

柯小黑 发表于 2016-12-9 16:32
嗯，试过了，我把

那是不是你拼接的有问题。。

柯小黑

selina1105 发表于 2016-12-9 16:35
那是不是你拼接的有问题。。

已经优化了，使用了图片懒加载，只在可视区域加载图片，但等图片加载多了，快速滑动页面的时候还是会出现这种情况，不过总体来说已经好很多了

Aigo888

应该是苹果手机吧？，滚动太快就会白，就是加载数据太多了，加载慢

shenshixin

柯小黑 发表于 2016-12-11 19:03
已经优化了，使用了图片懒加载，只在可视区域加载图片，但等图片加载多了，快速滑动页面的时候还是会出现 ...

加一个默认占位图，加上懒加载，应该效果就差不多了

埋葬冬天的秘密

柯小黑 发表于 2016-12-11 19:03
已经优化了，使用了图片懒加载，只在可视区域加载图片，但等图片加载多了，快速滑动页面的时候还是会出现 ...

你用的什么执行的懒加载