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;