>  기사  >  백엔드 개발  >  类似于京东首页的滚动到具体位置再加载该位置的数据如何实现的?

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

WBOY
WBOY원래의
2016-06-06 20:21:461274검색

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


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

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

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

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

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

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

回复内容:

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


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

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

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

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

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

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

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

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

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.