inflearn logo
Khóa học

Khóa học
Chia sẻ kiến thức

Bài viết của rje2875734264

rje2875734264 rje2875734264

@rje2875734264

Số lượng đánh giá đã viết
3
Xếp hạng trung bình
5.0

Bài viết 4

Hỏi & Đáp

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

감사합니다 알고보니 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;

Lượt thích
1
Số bình luận
3
Lượt xem
517