IntersectionObserver滚动触底监听事件

IntersectionObserver滚动触底监听事件

场景

滚动触底事件、上拉加载、当前视窗与目标元素错位交互
目标元素出现在可视区外，未来可能出现在可视区内并触发一些回调，或请求新的数据。
默认HTML为顶级可视区，则涉及滚动的部分不在可视区内的可进行监听

const intersectionObserver = new IntersectionObserver((entries) => {
            if (entries[0].intersectionRatio <= 0) return;
            console.log("当前监听的目标元素在视窗内完全可见")
            // 此处为监听的目标元素完全暴露在可视范围内执行
            // 写你自己的代码逻辑    
          });
          const trAll = document.querySelectorAll('.ant-table-scroll tr');
          intersectionObserver.observe(trAll[trAll.length - 1]);// 里面替换成你要监听的目标元素（不在可视区范围内的）我这个地方是需要监听可视区外表格的最后一行