滚动监听 标签点击位置变换

1.js监听div滚动 请求数据 react
<div className='box' onScroll={this.moreAddRecord}>

moreAddRecord(e){
    let eleTotalHeight = e.target.scrollHeight;
    let eleOffset = e.target.scrollTop;
    let eleContainHeight = e.target.clientHeight;

    if (eleTotalHeight - eleContainHeight - eleOffset === 0 && this.state.has_more) {
        this.setState({
            page:this.state.page+1
        },()=>{
            this.addRecordData()
        })
    }
}
2.点击标签 滚动到相应位置

let container = document.querySelector('.box');
container.scrollLeft = e.clientX + container.scrollLeft - (document.documentElement.clientWidth / 2) + 20;

转载于:https://www.cnblogs.com/wyyl/p/9443041.html