API 문서 스크롤 위치와 rootMargin 조정

portone-io · Nov 28, 2024 · 52298e2 · 52298e2
1 parent 0a5d353
commit 52298e2
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/layouts/rest-api/nav-menu/NavMenu.tsx b/src/layouts/rest-api/nav-menu/NavMenu.tsx
@@ -89,7 +89,7 @@ export default function NavMenu(props: Props) {
         }
       },
       {
-        rootMargin: "-56px 0px 0px 0px", // gnb height
+        rootMargin: "-104px 0px 0px 0px", // gnb height
         threshold: [0, 0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1],
       },
     );

diff --git a/src/layouts/rest-api/nav-menu/NavMenuLink.tsx b/src/layouts/rest-api/nav-menu/NavMenuLink.tsx
@@ -18,8 +18,9 @@ export default function NavMenuLink(props: Props) {
       onClick={() => {
         sidebarOpen.set(false);
         const el = document.getElementById(props.id);
+        const heading = el?.querySelector("h2, h3, h4, h5, h6");
         requestAnimationFrame(() =>
-          el?.scrollIntoView({ behavior: "smooth", block: "center" }),
+          heading?.scrollIntoView({ behavior: "smooth" }),
         );
       }}
     >