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]);// 里面替换成你要监听的目标元素(不在可视区范围内的)我这个地方是需要监听可视区外表格的最后一行