京东首页的DIV块懒加载是怎么做的?

牛头
  • 106

一般来说,首页图片都比较多,加载比较慢,一般用lazyload插件设置一下图片,让图片延迟加载就可以了。
但客户嫌这个太低级了,是几年前的技术了。客户要求是像天猫和京东一样,页面一下拉,整个div进行懒加载,而不是简单的只有图片进行懒加载。
别告诉我是用ajax做的,我需要的是详细做法。查了百度也没找到相应的做法,不知道是我关键词输入不对,还是这方面的资料比较少。有大神知道怎么做吗,求做法链接

回复
阅读 5.9k
4 个回答

瀑布流加载?当滚动到页面最下方时发送ajax请求。

和上拉加载差不多,只不过加载触发点不同

做法还是瀑布流,到关键点的时候 去加载

JD 更狠,全部生成JS了

https://d.3.cn/index-1-floor2-floor_index.js?callback=loadcosmetics&_=1477300356653
https://d.3.cn/index-1-floor3-floor_index.js?callback=loadelectronics&_=1477300391160

京东把图片压缩成base64直接写在HTML页面里了,可以减少连接数

宣传栏