메뉴 스크롤

src/shared/ui/menu/index.tsx

@@ -42,18 +42,22 @@ export const Menu = ({
     navigate(path);
   };
   const onClickToMenuNavigate = (menuId: string, index: number) => {
+    setShortBoxOnScroll(false);
+    setMenuListOnScroll(false);
     let tops = [0, 255, 410, 565, 720, 875, 1030, 1500];
-
+    let lefts = [0, 85, 170, 275, 360, 450, 450, 450];
+    setShortBtnIdx(index);
     scrollRef.current?.scrollTo({
       top: tops[index],
       left: 0,
       behavior: 'smooth'
     });
-    /*
-    buttonRefs.current[index]?.scrollIntoView({
+    shortBtnScrollRef.current?.scrollTo({
+      top: 0,
+      left: lefts[index],
       behavior: 'smooth'
     });
-    */
+    
   };
   const onClickToMenuClose = () => {
     if(editMode){
@@ -101,36 +105,36 @@ export const Menu = ({
   };
 
   const shortBtnScroll = (e: any) => {
-    
-    let x = shortBtnScrollRef.current?.scrollLeft;
-    let top = 0;
-    if(x){
-      if(x < 85){
-        top = 0;
-        setShortBtnIdx(0);
-      }
-      else if(x < 170){
-        top = 255;
-        setShortBtnIdx(1);
-      }
-      else if(x < 275){
-        top = 410;
-        setShortBtnIdx(2);
-      }
-      else if(x < 360){
-        top = 565;
-        setShortBtnIdx(3);
-      }
-      else if(x < 450){
-        top = 720;
-        setShortBtnIdx(4);
-      }
-      else{
-        top = 875;
-        setShortBtnIdx(5);
-      }
-    }
     if(shortBoxOnScroll){  
+      let x = shortBtnScrollRef.current?.scrollLeft;
+      let top = 0;
+      if(x){
+        if(x < 85){
+          top = 0;
+          setShortBtnIdx(0);
+        }
+        else if(x < 170){
+          top = 255;
+          setShortBtnIdx(1);
+        }
+        else if(x < 275){
+          top = 410;
+          setShortBtnIdx(2);
+        }
+        else if(x < 360){
+          top = 565;
+          setShortBtnIdx(3);
+        }
+        else if(x < 450){
+          top = 720;
+          setShortBtnIdx(4);
+        }
+        else{
+          top = 875;
+          setShortBtnIdx(5);
+        }
+      }
+    
       scrollRef.current?.scrollTo({
         top: top,
         left: 0,
@@ -172,9 +176,6 @@ export const Menu = ({
         behavior: 'smooth'
       });
     } 
-    /*
-    
-    */
   };
   const shortBoxTouchStart = () => {
     setShortBoxOnScroll(true);