首頁  >  文章  >  後端開發  >  类似于京东首页的滚动到具体位置再加载该位置的数据如何实现的?

类似于京东首页的滚动到具体位置再加载该位置的数据如何实现的?

WBOY
WBOY原創
2016-06-06 20:21:461303瀏覽

是类似于微博的滚屏加载技术吗?
感觉像但又不确定


有童鞋说是lazy load,我百度了一下多数是说图片的。
如何实现列表(包括图片)的加载呢?

如果用比较原始的思路,是否应该是:

  1. 判断当前节点是否在浏览器视图框中;

  2. 如果在,则ajax从后台读取数据;

  3. 将ajax读取到的数据渲染到节点;

有没有比较系统、科学的方法实现?

回复内容:

是类似于微博的滚屏加载技术吗?
感觉像但又不确定


有童鞋说是lazy load,我百度了一下多数是说图片的。
如何实现列表(包括图片)的加载呢?

如果用比较原始的思路,是否应该是:

  1. 判断当前节点是否在浏览器视图框中;

  2. 如果在,则ajax从后台读取数据;

  3. 将ajax读取到的数据渲染到节点;

有没有比较系统、科学的方法实现?

这种叫做“懒惰加载”(Lazy load)

给需要这么做的元素添加一个监听事件。当该元素在窗口内,执行加载命令。
思路就是这样

你说的挺科学的,lazyload 是一个预先加载一个1K的图片再到真的图片加载完成后再加载出来,
你说的这样的东西更像是ajax滚动加载,比如百度无限瀑布流。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn