无限滚动加载数据利器：IntersectionObserver

文章预览

作者：Aplee https://juejin.cn/post/7389077092137517108 今天和同事讨论时，讨论了 页面滚动加载数据 的事情，正好我去年年底也做过相同的功能，只是当时因为各种原因吧，没有做总结。现在回想起来，只是记得以前做过，在哪个页面实现的，具体实现的方法，确实有点忘记了。记得当时好像也尝试了很多的方法，最后才实现，这里又要吐槽一下自己的笨了。 所以把当时的代码给扒出来，是利用 IntersectionObserver 这个api实现的，然后在网上找了一些资料，准备输出整理一下相关的文档。 好，我们正式开始介绍。 介绍 IntersectionObserver 是一种现代 Web API，它允许开发者异步观察 一个目标元素与其祖先元素或视口（viewport）交叉状态 的变化。这对于实现图片懒加载或无限滚动功能非常有用。 这里我们借用 阮一峰大佬 的图片介绍： 图片来源为： IntersectionObserver ………………………………