首頁 > web前端 > js教程 > 主體

如何實作ReactJS 監聽頁面捲動事件

一个新手
發布: 2017-09-27 09:46:30
原創
5831 人瀏覽過

需要使用監聽頁面的滾動事件,折騰了挺久終於實現了,寫出來跟大家分享一下。希望有更好的做法也能留言給我,謝謝��

export class Example extends Component{
   scrollHandler = this.handleScroll.bind(this);
    componentDidMount() {
      window.addEventListener('scroll', this.scrollHandler);
    }
     _handleScroll(scrollTop) {
         console.log(scrollTop)         //滚动条距离页面的高度
        }
    }
    handleScroll(event) {
        let scrollTop = event.srcElement.body.scrollTop;        
        this._handleScroll(scrollTop);
    }
}
登入後複製

如何實作ReactJS 監聽頁面捲動事件

#

以上是如何實作ReactJS 監聽頁面捲動事件的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板