Просмотр исходного кода

更换文章的时候视口滚动到顶部 #1483

visuddhinanda 2 лет назад
Родитель
Сommit
52ca81e76c
1 измененных файлов с 6 добавлено и 1 удалено
  1. 6 1
      dashboard/src/pages/library/article/show.tsx

+ 6 - 1
dashboard/src/pages/library/article/show.tsx

@@ -122,8 +122,11 @@ const Widget = () => {
     currMode = "read";
   }
   console.log(anchorNavOpen, anchorNavShow);
+  const scrollToTop = () => {
+    document.getElementById("article-root")?.scrollIntoView();
+  };
   return (
-    <div>
+    <div id="article-root">
       <Affix offsetTop={0}>
         <Header
           style={{
@@ -263,6 +266,7 @@ const Widget = () => {
                       param.push(`${key}=${value}`);
                     });
                     navigate(url + param.join("&"));
+                    scrollToTop();
                   }}
                 />
                 <ToolButtonNav type={type} articleId={id} />
@@ -360,6 +364,7 @@ const Widget = () => {
                   window.open(fullUrl(url), "_blank");
                 } else {
                   navigate(url);
+                  scrollToTop();
                 }
               }}
             />