HTML5 上拉加载数据

Question

想问一下 HTML5列表页的话 每次上拉的时候加载10条数据，我怎么计算 滚动条是不是到底了？ 每次加载数据的时候 滚动条的scrollTop都会发生变化，不知道跟谁做比较 请大神指点一二

Answer 1

window.innerHeight + document.body.scrollTop === document.body.clientHeight




// 监听页面滚动

document.addEventListener('scroll', function() {

    if (window.innerHeight + document.body.scrollTop === document.body.clientHeight) {

    // 当页面高度 + 滚动高度 === 文档整体高度时为滚动至底部 执行异步加载方法等等

    }

})