无线滚动加载数据

监听该元素是否在可视窗口IntersectionObserver

IntersectionObserver接口 (从属于Intersection Observer API) 提供了一种异步观察目标元素与其祖先元素或顶级文档视窗(viewport)交叉状态的方法。祖先元素与视窗(viewport)被称为根(root)。

当一个IntersectionObserver对象被创建时，其被配置为监听根中一段给定比例的可见区域。一旦IntersectionObserver被创建，则无法更改其配置，所以一个给定的观察者对象只能用来监听可见区域的特定变化值；然而，你可以在同一个观察者对象中配置监听多个目标元素。

大概思路如下：

设置总数据源，页面内容数据存储容器

制定页面内容数据存储容器规则（假设存储容器设置为200条，一屏最多展示20条。那么存储容器能展示10屏幕的数据。

当用户滑到地6屏数据的时候，显然前面5屏数据不在可视窗口，那你可以将存储容器的前3屏数据删除。同时，再从总数据源取第11屏到第13屏数据。