inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

기쁜 도미님의 게시글

기쁜 도미 기쁜 도미

@rje2875734264

수강평 작성수
3
평균평점
5.0

게시글 6

질문&답변

죄송합니다만 해당 프로젝트를 리엑트로 수정해서 만들어보고있는중에 질문드립니다.

감사합니다 알고보니 width 를인식이 안돼서 문제가생겼네요 absolute가안돼서 fixed 로 변경했는데 부모뷰가 전체뷰라서 둘다정상작동하네요. "use client"; import React, { useRef, useEffect, useState } from "react"; import motion_sky1 from "@/../../public/images2/motion_sky1.gif"; function Page() { const [scrollPercent, setScrollPercent] = useState(0); const scrollBody = useRef(null); console.log(scrollPercent); useEffect(() => { const handleScroll = () => { const scrollRealHeight = document.documentElement.scrollHeight - window.innerHeight; const scrollTop = window.scrollY; const percentScroll = Math.round((scrollTop / scrollRealHeight) * 100); setScrollPercent(percentScroll); }; window.addEventListener("scroll", handleScroll); return () => { window.removeEventListener("scroll", handleScroll); }; }, []); return ( 내용 = 25 && scrollPercent = 50 && scrollPercent = 75 && scrollPercent {/* 몸 */} {/* 손 */} {/* 달 */} ); } export default Page;

좋아요수
1
댓글수
3
조회수
504