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

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;
posted @ 2018-08-08 15:26  雾雨云露  阅读(236)  评论(0编辑  收藏  举报