klmhyeonwoo / core-page-frontend Goto Github PK

  const handleScroll = () => {
    if (backgroundRef.current) {
      scaledScroll = Math.abs(window.scrollY - scroll);
      console.log("background:", backgroundRef.current.offsetWidth);
      console.log("현재 스크롤:", scaledScroll);
      console.log(window.innerWidth);
      if (backgroundRef.current.offsetWidth <= window.innerWidth) {
        backgroundRef.current.style.width = `${1000 + scaledScroll}px`;
      }
      console.log(backgroundRef.current.style);
    }
  };

  useEffect(() => {
    // endingState로 넣은 Ref 값을 가지고 있을 경우

    if (endingState && backgroundRef.current) {
      // console.log("현재 값은 참이고, 찾았어요");
      // console.log("scrollHeight", backgroundRef.current.scrollHeight);
      // console.log("clientHeight", backgroundRef.current.clientHeight);
      // console.log("window.scrollY", window.scrollY);
      // console.log(endingScroll);
      scroll = window.scrollY;

      window.addEventListener("scroll", handleScroll);
      return () => {
        window.removeEventListener("scroll", handleScroll); //clean up
      };
    }
  }, [endingState]);