From a336da2c9475c5f19efd2f1a7033b69f1b9fd49a Mon Sep 17 00:00:00 2001
From: "junghoon86.park" <junghoon86.park@lgepartner.com>
Date: Mon, 22 Apr 2024 20:33:09 +0900
Subject: [PATCH] =?UTF-8?q?=EC=8A=A4=ED=81=AC=EB=A1=A4=20=EC=8B=9C?=
 =?UTF-8?q?=EA=B0=84=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 com.twin.app.shoptime/src/hooks/useScrollTo.js | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/com.twin.app.shoptime/src/hooks/useScrollTo.js b/com.twin.app.shoptime/src/hooks/useScrollTo.js
index aee277d6..e96402a2 100644
--- a/com.twin.app.shoptime/src/hooks/useScrollTo.js
+++ b/com.twin.app.shoptime/src/hooks/useScrollTo.js
@@ -3,11 +3,14 @@ import React, { useCallback, useEffect, useRef } from "react";
 export default function useScrollTo() {
   const scrollTo = useRef();
 
-  const scrollTop = useCallback(({ y = 0, animate = true } = {}) => {
-    if (scrollTo && scrollTo.current) {
-      scrollTo.current({ position: { y }, animate });
-    }
-  }, []);
+  const scrollTop = useCallback(
+    ({ y = 0, animate = true, duration = 300 } = {}) => {
+      if (scrollTo && scrollTo.current) {
+        scrollTo.current({ position: { y }, animate, duration });
+      }
+    },
+    []
+  );
 
   const scrollLeft = useCallback(({ x = 0, animate = false } = {}) => {
     if (scrollTo && scrollTo.current) {