[React] 리액트앱에서 페이지 스크롤 방향과 예제

detectScrollDirection = () => {
  const { scrollDirection } = this.state;
  let savedNum = 0;

  document.addEventListener('scroll', () => {
    let nowScrollTop = document.documentElement.scrollTop;
    if ((nowScrollTop - savedNum) >= 0 && (scrollDirection !== 1)) {
      savedNum = nowScrollTop;
      this.setState({
        scrollDirection: 1
      });
    }
    else if ((nowScrollTop - savedNum) < 0 && (scrollDirection !== -1)) {
      savedNum = nowScrollTop;
      this.setState({
        scrollDirection: -1
      });
    }
  });
};