fix: toc

Signed-off-by: Innei <tukon479@gmail.com>
Innei · Jun 12, 2023 · 1f3fa9c · 1f3fa9c · vercel · Jun 12, 2023
1 parent 8c9b062
commit 1f3fa9c
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/widgets/toc/Toc.tsx b/src/components/widgets/toc/Toc.tsx
@@ -151,13 +151,13 @@ function useActiveId($headings: HTMLHeadingElement[]) {
         entries.forEach((entry) => {
           if (entry.isIntersecting) {
             const state = history.state
-
+            console.log(entry.target.id, 'id')
             history.replaceState({ ...state }, '', `#${entry.target.id}`)
             setActiveId(entry.target.id)
           }
         })
       },
-      { rootMargin: `0% 0% 50% 0%` },
+      { rootMargin: `-100px 0px -100px 0px` },
     )
     $headings.forEach(($heading) => {
       observer.observe($heading)

diff --git a/src/components/widgets/toc/TocItem.tsx b/src/components/widgets/toc/TocItem.tsx
@@ -77,7 +77,7 @@ export const TocItem: FC<{
           ) as any as HTMLElement
 
           if ($el) {
-            springScrollToElement($el, -(window.innerHeight / 2))
+            springScrollToElement($el, -100)
           }
         },
         [onClick, index, $article, anchorId],