滚动条到底部加载新的数据，下拉加载数据

let pageState = true  //  数据加载状态
let nowPage = 1       //  当前页面

//  下拉加载数据
function scrollBottom() {
        //  屏幕高度包括 padding margin  border 的高度 
        let clientHeight = document.querySelector(`#ontainer`).clientHeight || document.body.clientHeight
        //  滚动条的高度          
        let scrollTop = document.querySelector('#ontainer').scrollTop
        //   容器的整体高度        
        let scrollHeight = document.querySelector('#ontainer').scrollHeight
        //  滚动条高度+屏幕高度 = 整个容器的高度  
        if (scrollTop+clientHeight == scrollHeight) {
            //  数据 加载成功 并且 当前页不等于总页数 则请求数据
            if (pageState && nowPage!=totalPages) {
                pageState = false
                nowPage+=1
                //getData()  加载数据
            }
        }
    }