如何通过JS异步观察目标元素实现分页加载功能？

本文共计1295个文字，预计阅读时间需要6分钟。

目录+介绍+代码+演示+正文+监听元素+重复交叉+结句+介绍+实时处理分页加载时，往往是通过滚动条判断是否到达容器底部再执行加载任务的。这样有一个问题，不管滚动条是否到达底部，都会执行加载任务。

目录

• 介绍
• 代码
• 演示
• 正文
• 监听元素
• 反复交叉
• 结语

介绍

平时我们处理分页加载时，往往是通过滚动条判断是否到了容器底部再执行的加载任务的，这样有一个问题就是，不管滚动条是否划到底部位置，它都会运行计算这个函数。

那么，如果能判断底部的加载区域出现后再去执行加载，不用再做滚动条计算了，这样岂不美哉。本期将以异步观察目标元素的新方式去完成分页加载业务。