react에서 스크롤 정보를 가져올 때 어떻게 하는지 찾아보았다.
나중에 분명 생각이 안 날 거기 때문에 정리해보자
componentDidMount() {
window.addEventListener('scroll', this.handleScroll);
}
handleScroll = e => {
const { innerHeight } = window;
const { scrollHeight } = document.body;
const myScroll = e.srcElement.scrollingElement.scrollTop;
console.log('전체 body 의 높이 : ' + scrollHeight);
console.log('전체 스크롤바 높이 : ' + innerHeight);
console.log('현재 스크롤 위치 : ' + myScroll);
};
react가 생성될때 실행되는 componentDidMount함수를 통해 스크롤 함수를 실행시켜 scroll 정보를 가져온다.