JavaScript-使用 jquery.lazyload 是按文档流的顺序来加载图片,如果使浮动在右侧的图片先于左侧未出现的图片加载?

发布于 2016-10-25 11:17:38 字数 522 浏览 1143 评论 1

lazyload 是按文档流顺序,就是必须加载完前面的图片,才能轮到后面的图片,因为 CSS 排版的原因,左侧的图片可能在下面,反而右侧的图片因为是右浮动的,反而先于左侧的图片显示在屏幕中,因为左侧的图片没有加载,会出现一个空白在那里,只能当屏幕滚动,加载完左侧的图片之后,右侧的才会开始加载。

一种临时方案是先把右侧的 HTML 代码前置到左侧,但是这对于一些复杂的情况不适用。
请问有没有更好的方法可能实现完成的按屏幕位置加载。
或者是左侧区块时,完全加载全部左侧图片,然后便可以自动加载右侧可以吗?

右侧图片未加载

加载时机在中间下方的三个图片加载之后

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

瑾兮 2017-03-06 21:39:15

这种情况属于操作特列,可以急略吧。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文