页面滑到底部弹出提示框

原理:页面滚动高度+可视区域高度=页面内容高度时 显示提示框

获取页面可是区域高度也就是屏幕高度：

const clientHeight = document.documentElement.clientHeight||document.body.clientHeight

获取滚动高度：

const scrollTop = document.documentElement.scrollTop||document.body.scrollTop;

获取页面内容高度：

function getFullContentHeight() {
  return Math.max(
    document.body.scrollHeight,
    document.documentElement.scrollHeight,
    document.body.offsetHeight,
    document.documentElement.offsetHeight
  );
}

// 使用示例
console.log('页面内容高度:', getFullContentHeight());

全部代码：

//获取页面可是区域高度也就是屏幕高度
const clientHeight = document.documentElement.clientHeight || document.body.clientHeight
//获取body
const body=document.querySelector("body");
//获取页面内容高度
function getFullContentHeight() {
    return Math.max(
        document.body.scrollHeight,
        document.documentElement.scrollHeight,
        document.body.offsetHeight,
        document.documentElement.offsetHeight
    );
}

body.onscroll=function(){
    const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;         
    //页面滚动高度+可视区域高度=页面高度时 弹出提示框 
    if(scrollTop+clientHeight  >=getFullContentHeight()){
        console.log('到底了');     
        //弹窗逻辑   
    }
}