From 8e2ec763394ae9abb2a1296d890e621a10eaa46b Mon Sep 17 00:00:00 2001 From: kiyeong Date: Sat, 9 Nov 2024 18:34:01 +0900 Subject: [PATCH] =?UTF-8?q?chore:=20=EC=9E=90=EB=8F=99=20=EC=8A=A4?= =?UTF-8?q?=ED=81=AC=EB=A1=A4=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/main/index.tsx | 12 ++++++++++-- 1 file changed, 10 insertions(+), 2 deletions(-) diff --git a/src/pages/main/index.tsx b/src/pages/main/index.tsx index bdd973f..f816745 100644 --- a/src/pages/main/index.tsx +++ b/src/pages/main/index.tsx @@ -48,11 +48,19 @@ const MainPage = () => { } }; - // 로딩 중일 때만 스크롤을 가장 아래로 이동 + // 로딩 중일 때만 5초 후 스크롤을 가장 아래로 이동 useEffect(() => { + let timeoutId: number; + if (loading && bottomRef.current) { - bottomRef.current.scrollIntoView({ behavior: "smooth" }); + timeoutId = window.setTimeout(() => { + if (bottomRef.current) { + bottomRef.current.scrollIntoView({ behavior: "smooth" }); + } + }, 500); // 0.5초 후에 스크롤 이동 } + + return () => clearTimeout(timeoutId); // 로딩이 끝나거나 컴포넌트가 언마운트되면 타이머를 정리 }, [loading]); const toggleSidebar = () => {