Home  >  Q&A  >  body text

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

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

大家讲道理大家讲道理2726 days ago382

reply all(4)I'll reply

  • ringa_lee

    ringa_lee2017-04-11 13:33:09

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

    reply
    0
  • 高洛峰

    高洛峰2017-04-11 13:33:09

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

    reply
    0
  • 巴扎黑

    巴扎黑2017-04-11 13:33:09

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

    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

    reply
    0
  • PHPz

    PHPz2017-04-11 13:33:09

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

    reply
    0
  • Cancelreply