为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

湖上湖 2018-08-10 08:35:50
我用onScroll可以触发鼠标滚动事件,我想获取到已经滚动的高度和滚轴的高度,但是没获取到,请大神帮忙解决一下
查看完整描述

2 回答

?
拉丁的传说

TA贡献1789条经验 获得超8个赞

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

    scrollTop = document.body.scrollTop;  //滚动条滚动高度


查看完整回答
反对 回复 2018-08-30
?
梵蒂冈之花

TA贡献1900条经验 获得超5个赞

例:
//搜索列表鼠标滚动事件

handleScroll(e){  
     let clientHeight = this.refs.bodyBox.clientHeight; //可视区域高度
    let scrollTop  = this.refs.bodyBox.scrollTop;  //滚动条滚动高度
    let scrollHeight = this.refs.bodyBox.scrollHeight; //滚动内容高度
    if((clientHeight+scrollTop)==(scrollHeight)){ //如果滚动到底部 }  }
在render
<div className="contentBox" onScroll={this.handleScroll}  ref="bodyBox">


查看完整回答
反对 回复 2018-08-30
  • 2 回答
  • 0 关注
  • 1949 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信