fix(components-ArticleToc): scroll to fixed header below position (#861)

sabertazimi · May 21, 2022 · b04e94a · b04e94a · vercel · May 21, 2022
1 parent a4f2138
commit b04e94a
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/components/Article/ArticleToc.tsx b/components/Article/ArticleToc.tsx
@@ -4,14 +4,15 @@ import styles from './ArticleToc.module.css';
 
 interface Props {
   slug: string;
+  offset?: number;
 }
 
 interface TocItem {
   id: string;
   title: string;
 }
 
-const ArticleToc = ({ slug }: Props): JSX.Element => {
+const ArticleToc = ({ slug, offset = 120 }: Props): JSX.Element => {
   const [tocItems, setTocItems] = useState<TocItem[]>([]);
 
   useEffect(() => {
@@ -24,7 +25,7 @@ const ArticleToc = ({ slug }: Props): JSX.Element => {
   }, [slug]);
 
   return (
-    <Anchor className={styles.toc}>
+    <Anchor className={styles.toc} targetOffset={offset}>
       {tocItems.map(item => (
         <Link key={item.id} href={item.id} title={item.title} />
       ))}