react如何获取到鼠标滚动的高度?

https://img3.mukewang.com/5b8767a10001f5fd07540418.jpg

我用onScroll可以触发鼠标滚动事件,我想获取到已经滚动的高度和滚轴的高度,但是没获取到,请大神帮忙解决一下

湖上湖
浏览 1958回答 2
2回答

拉丁的传说

let docH = document.body.scrollHeight, //滚动条自身高度    scrollTop = document.body.scrollTop;  //滚动条滚动高度

梵蒂冈之花

例://搜索列表鼠标滚动事件handleScroll(e){&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;let&nbsp;clientHeight&nbsp;=&nbsp;this.refs.bodyBox.clientHeight;&nbsp;//可视区域高度 &nbsp;&nbsp;&nbsp;&nbsp;let&nbsp;scrollTop&nbsp;&nbsp;=&nbsp;this.refs.bodyBox.scrollTop;&nbsp;&nbsp;//滚动条滚动高度 &nbsp;&nbsp;&nbsp;&nbsp;let&nbsp;scrollHeight&nbsp;=&nbsp;this.refs.bodyBox.scrollHeight;&nbsp;//滚动内容高度 &nbsp;&nbsp;&nbsp;&nbsp;if((clientHeight+scrollTop)==(scrollHeight)){&nbsp;//如果滚动到底部&nbsp;}&nbsp;&nbsp;} 在render <div&nbsp;className="contentBox"&nbsp;onScroll={this.handleScroll}&nbsp;&nbsp;ref="bodyBox">
打开App,查看更多内容
随时随地看视频慕课网APP