到达window底部
window.onscroll = async function() { const clientHeight = document.documentElement.clientHeight; const scrollTop = document.documentElement.scrollTop; const scrollHeight = document.documentElement.scrollHeight; const isBottom = clientHeight + scrollTop === scrollHeight; if (isBottom) { } };
到达某个容器的底部
let boxElement = document.getElementById('info'); boxElement.addEventListener('scroll', () => { // console.log('滚动条距离顶部的实际高度', boxElement.scrollTop); // console.log('hah', boxElement.clientHeight); // 用于判断是否滚动到底 if (boxElement.scrollHeight - boxElement.scrollTop === boxElement.clientHeight) { // 到底部 console.log('底部') } });
到最上边
document.querySelector(el).scrollTop = 0
样式计算高度
height: calc(100vh - 210px);