欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  后端开发

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

程序员文章站 2022-06-13 16:41:37
...
是类似于微博的滚屏加载技术吗?
感觉像但又不确定

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

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

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

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

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

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

回复内容:

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


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

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

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

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

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

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

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

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

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

相关标签: php