So implementieren Sie ReactJS, um Seiten-Scroll-Ereignisse zu überwachen

Sie müssen die Scroll-Ereignisüberwachungsseite verwenden. Nachdem ich lange gekämpft hatte, wurde mir endlich klar, dass ich es geschrieben und mit allen geteilt habe. Ich hoffe, Sie können mir eine Nachricht hinterlassen, wenn Sie einen besseren Weg haben, danke ��

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);
    }
}

Das obige ist der detaillierte Inhalt vonSo implementieren Sie ReactJS, um Seiten-Scroll-Ereignisse zu überwachen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!