모니터링 페이지의 스크롤 이벤트를 이용하셔야 합니다. 오랜 고민 끝에 드디어 글을 작성해서 여러분께 공유하게 되었습니다. 더 좋은 방법이 있으면 메시지를 남겨주시길 바랍니다. 감사합니다
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를 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
