如何用JS异步观察目标元素实现长尾词分页查询？

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

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

目录

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

介绍

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

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