메뉴 스크롤

src/shared/ui/assets/css/style-fix.css

@@ -136,3 +136,6 @@ main.home-main{
 .pb-86{
   padding-bottom: 86px;
 }
+.bottom-tabbar{
+  transition: all 0.5s ease-out;
+}

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,7 +105,7 @@ export const Menu = ({
   };
 
   const shortBtnScroll = (e: any) => {
-    
+    if(shortBoxOnScroll){  
       let x = shortBtnScrollRef.current?.scrollLeft;
       let top = 0;
       if(x){
@@ -130,7 +134,7 @@ export const Menu = ({
           setShortBtnIdx(5);
         }
       }
-    if(shortBoxOnScroll){  
+    
       scrollRef.current?.scrollTo({
         top: top,
         left: 0,
@@ -172,9 +176,6 @@ export const Menu = ({
         behavior: 'smooth'
       });
     } 
-    /*
-    
-    */
   };
   const shortBoxTouchStart = () => {
     setShortBoxOnScroll(true);

src/widgets/navigation/footer.tsx

@@ -14,7 +14,7 @@ export const FooterNavigation = ({
   setFavoriteEdit
 }: FooterProps) => {
   const { navigate } = useNavigate();
-  const [isFooterOn, setIsFooterOn] = useState<boolean>(false);
+  const [isFooterOn, setIsFooterOn] = useState<boolean>(true);
 
   const onClickToNavigate = (path?: string) => {
     if(!!path){