TIL) 스파르타 개발일지 23-03-06

이미지 애니메이션을 위해서 스크롤을 통하여 해당 지점에 도착 시 이벤트가 발생하도록 코드를 구현해보았다.

 

useEffect(() => {
    const handleScroll = () => {
      if (
        window.pageYOffset + window.innerHeight >
        fourthSectionRef.current.offsetTop
      ) {
        setIsAnimated(true);
      }
    };

    window.addEventListener("scroll", handleScroll);
    return () => window.removeEventListener("scroll", handleScroll);
  }, []);

 

하지만 스크롤 이벤트가 스크롤 시에 지속적으로 발생하여, 별로 좋은 코드는 아닌듯했다.