js滚动加载

初始化给盒子添加滚动事件

componentDidMount () {
    let picDiv = document.getElementById('picList')
    this.addEnlist(picDiv, 'mousewheel', this.scrollFun.bind(this, picDiv))      
    this.addEnlist(picDiv, 'DOMMouseScroll', this.scrollFun.bind(this, picDiv))
}

判断滚动条距离底部的位置

    addEnlist = (picDiv, xEvent, fn) => {
        if (picDiv.attachEvent) {
            picDiv.attachEvent('on' + xEvent, fn);
        } else {
            picDiv.addEventListener(xEvent, fn, false);
        }
    }

    scrollFun = (picDiv) => {
        let scrollHeight = picDiv.scrollHeight;
        let scrollTop = picDiv.scrollTop;
        let clientHeight = picDiv.clientHeight;
        if (scrollHeight < (scrollTop + clientHeight + 10)) {
            let { pageNo } = this.state;
            this.setState({
                pageNo: pageNo + 1,
            })
            alert(pageNo)
        }
    }