diff --git a/public/site/css/help.css b/public/site/css/help.css
index fb85f031d..e5bde3a7f 100644
--- a/public/site/css/help.css
+++ b/public/site/css/help.css
@@ -191,8 +191,3 @@
     position: sticky;
     top: 80px;
 }
-.help-a{
-    display: block;
-    width: 100%;
-    height: 100%;
-}
diff --git a/public/site/en/help.html b/public/site/en/help.html
index e654eb0c2..4aa263b4b 100644
--- a/public/site/en/help.html
+++ b/public/site/en/help.html
@@ -765,5 +765,32 @@ document.addEventListener("DOMContentLoaded", function() {
     });
   }
 });
+//获取导航链接元素
+const anchorLinks = document.querySelectorAll(".help-a");
+// 监听页面滚动事件
+window.addEventListener('scroll', () => {
+  // 遍历导航链接元素
+  anchorLinks.forEach((link,index) => {
+    const sectionId = link.getAttribute('href'); // 获取锚点ID
+    const section = document.querySelector(sectionId); // 获取对应的锚点元素
+    if (
+      section &&
+      section.getBoundingClientRect().top>=110&&section.getBoundingClientRect().top<=150
+    ) {
+        rm()
+        link.parentNode.classList.add('active');
+    }
+    if(section &&index===0&&section.getBoundingClientRect().top>150){
+        rm()
+        link.parentNode.classList.add('active')
+      }
+  });
+});
+
+const rm = () => {
+  anchorLinks.forEach(link1=>{
+    link1.parentNode.classList.remove('active')
+  })
+}
 </script>
 </html>
diff --git a/public/site/en/log.html b/public/site/en/log.html
index 52b333cc0..b8df8aafe 100644
--- a/public/site/en/log.html
+++ b/public/site/en/log.html
@@ -385,7 +385,6 @@ document.addEventListener("DOMContentLoaded", function() {
       }
     });
   }
-
 });
 </script>
 </html>
diff --git a/public/site/zh/help.html b/public/site/zh/help.html
index cf2ce6e24..6daa0f939 100644
--- a/public/site/zh/help.html
+++ b/public/site/zh/help.html
@@ -275,82 +275,82 @@
                   <li class="help-l-ul-item mb-24">
                     <h5 class="txt-4001620 help-h5 mb-16" style="font-weight: 500;">基本</h5>
                     <ol class="help-l-ol">
-                      <li class="l-ul-item active">
-                        <a class="txt-4001620 txt help-a" href="#section-1">了解DooTask</a>
+                      <li class="l-ul-item active" data-id="section-1">
+                        <a class="txt-4001620 txt help-a">了解DooTask</a>
                       </li>
-                      <li class="l-ul-item">
-                        <a class="txt-4001620 txt help-a" href="#section-2">注册和登录</a>
+                      <li class="l-ul-item" data-id="section-2">
+                        <a class="txt-4001620 txt help-a">注册和登录</a>
                       </li>
-                      <li class="l-ul-item">
-                        <a class="txt-4001620 txt help-a" href="#section-3">通知公告</a>
+                      <li class="l-ul-item" data-id="section-3">
+                        <a class="txt-4001620 txt help-a">通知公告</a>
                       </li>
-                      <li class="l-ul-item">
-                        <a class="txt-4001620 txt help-a" href="#section-4">帐户设置</a>
+                      <li class="l-ul-item" data-id="section-4">
+                        <a class="txt-4001620 txt help-a">帐户设置</a>
                       </li>
                     </ol>
                   </li>
                   <li class="help-l-ul-item mb-24">
                     <h5 class="txt-4001620 help-h5 mb-16" style="font-weight: 500;">项目</h5>
                     <ol class="help-l-ol">
-                      <li class="l-ul-item">
-                        <a class="txt-4001620 txt help-a" href="#section-5">了解项目</a>
+                      <li class="l-ul-item" data-id="section-5">
+                        <a class="txt-4001620 txt help-a">了解项目</a>
                       </li>
-                      <li class="l-ul-item">
-                        <a class="txt-4001620 txt help-a" href="#section-6">创建项目</a>
+                      <li class="l-ul-item" data-id="section-6">
+                        <a class="txt-4001620 txt help-a">创建项目</a>
                       </li>
-                      <li class="l-ul-item">
-                        <a class="txt-4001620 txt help-a" href="#section-7">任务列表</a>
+                      <li class="l-ul-item" data-id="section-7">
+                        <a class="txt-4001620 txt help-a">任务列表</a>
                       </li>
-                      <li class="l-ul-item">
-                        <a class="txt-4001620 txt help-a" href="#section-8">项目进展</a>
+                      <li class="l-ul-item" data-id="section-8">
+                        <a class="txt-4001620 txt help-a">项目进展</a>
                       </li>
                     </ol>
                   </li>
                   <li class="help-l-ul-item mb-24">
                     <h5 class="txt-4001620 help-h5 mb-16" style="font-weight: 500;">任务</h5>
                     <ol class="help-l-ol">
-                      <li class="l-ul-item">
-                        <a class="txt-4001620 txt help-a" href="#section-9">任务的使用</a>
+                      <li class="l-ul-item" data-id="section-9">
+                        <a class="txt-4001620 txt help-a">任务的使用</a>
                       </li>
-                      <li class="l-ul-item">
-                        <a class="txt-4001620 txt help-a" href="#section-10">任务优先级</a>
+                      <li class="l-ul-item" data-id="section-10">
+                        <a class="txt-4001620 txt help-a">任务优先级</a>
                       </li>
-                      <li class="l-ul-item">
-                        <a class="txt-4001620 txt help-a" href="#section-11">评论与新闻</a>
+                      <li class="l-ul-item" data-id="section-11">
+                        <a class="txt-4001620 txt help-a">评论与新闻</a>
                       </li>
-                      <li class="l-ul-item">
-                        <a class="txt-4001620 txt help-a" href="#section-12">次要任务</a>
+                      <li class="l-ul-item" data-id="section-12">
+                        <a class="txt-4001620 txt help-a">次要任务</a>
                       </li>
                     </ol>
                   </li>
                   <li class="help-l-ul-item mb-24">
                     <h5 class="txt-4001620 help-h5 mb-16" style="font-weight: 500;">团队</h5>
                     <ol class="help-l-ol">
-                      <li class="l-ul-item">
-                        <a class="txt-4001620 txt help-a" href="#section-13">团队和成员</a>
+                      <li class="l-ul-item" data-id="section-13">
+                        <a class="txt-4001620 txt help-a">团队和成员</a>
                       </li>
-                      <li class="l-ul-item">
-                        <a class="txt-4001620 txt help-a" href="#section-14">成员分组</a>
+                      <li class="l-ul-item" data-id="section-14">
+                        <a class="txt-4001620 txt help-a">成员分组</a>
                       </li>
-                      <li class="l-ul-item">
-                        <a class="txt-4001620 txt help-a" href="#section-15">团队管理</a>
+                      <li class="l-ul-item" data-id="section-15">
+                        <a class="txt-4001620 txt help-a">团队管理</a>
                       </li>
-                      <li class="l-ul-item">
-                        <a class="txt-4001620 txt help-a" href="#section-16">团队设置</a>
+                      <li class="l-ul-item" data-id="section-16">
+                        <a class="txt-4001620 txt help-a">团队设置</a>
                       </li>
                     </ol>
                   </li>
                   <li class="help-l-ul-item mb-24">
                     <h5 class="txt-4001620 help-h5 mb-16" style="font-weight: 500;">文件</h5>
                     <ol class="help-l-ol">
-                      <li class="l-ul-item">
-                        <a class="txt-4001620 txt help-a" href="#section-17">文件类型</a>
+                      <li class="l-ul-item" data-id="section-17">
+                        <a class="txt-4001620 txt help-a">文件类型</a>
                       </li>
-                      <li class="l-ul-item">
-                        <a class="txt-4001620 txt help-a" href="#section-18">共享的文件</a>
+                      <li class="l-ul-item" data-id="section-18">
+                        <a class="txt-4001620 txt help-a">共享的文件</a>
                       </li>
-                      <li class="l-ul-item">
-                        <a class="txt-4001620 txt help-a" href="#section-19">访问权限</a>
+                      <li class="l-ul-item" data-id="section-19">
+                        <a class="txt-4001620 txt help-a">访问权限</a>
                       </li>
                     </ol>
                   </li>
@@ -723,17 +723,28 @@
 </body>
 <script src="../js/common.js"></script>
 <script>
-const tabs = document.querySelector('.help-l-1920');
-const tabItems = tabs.querySelectorAll('.l-ul-item');
-tabs.addEventListener('click', function (event) {
-  const clickedItem = event.target.closest('.l-ul-item');
-  if (clickedItem && !clickedItem.classList.contains('active')) {
-    // 切换激活状态
-    for (let [index,value] of tabItems.entries()) {
-      value.classList.toggle('active', value === clickedItem);
-    }
-  }
-});
+const tabItems = document.querySelectorAll('.l-ul-item');
+function rm(){
+  tabItems.forEach(link1=>{
+    link1.classList.remove('active')
+  })
+}
+tabItems.forEach(item=>{
+  item.addEventListener('click',function(event){
+    event.preventDefault()
+    const id = event.currentTarget.getAttribute('data-id')
+    const content = document.getElementById(`${id}`)
+    if (content) {
+        const offset = 90; // 上偏移量（可以根据需要进行调整）
+        const targetPosition = content.getBoundingClientRect().top + window.pageYOffset; // 目标位置相对于视口的位置
+        // 滚动到目标位置，并考虑上偏移量
+        window.scrollTo({
+          top: targetPosition-offset,
+          behavior: "smooth"
+        });
+      }
+  })
+})
 /* 当屏幕宽度低于768px时显示logs的抽屉的相关操作逻辑 */
 const helpMenuBtn = document.getElementById('help-menu-btn');
 const helpDrawer = document.querySelector('.help-drawer');
@@ -743,25 +754,47 @@ helpMenuBtn.addEventListener('click', () => {
 const closeHelpDraweHandle = ()=>{
   helpDrawer.classList.remove('open-help-drawer');
 }
-document.addEventListener("DOMContentLoaded", function() {
-  const anchors = document.querySelectorAll("a[href^='#section-']");
-  // 遍历所有锚点链接
-  for (const anchor of anchors) {
-    anchor.addEventListener("click", function(event) {
-      event.preventDefault(); // 阻止默认的跳转行为
-      const targetId = anchor.getAttribute("href").substring(1); // 获取目标锚点的 id
-      const targetElement = document.getElementById(targetId); // 获取目标锚点元素
-      if (targetElement) {
-        const offset = 90; // 上偏移量（可以根据需要进行调整）
-        const targetPosition = targetElement.getBoundingClientRect().top + window.pageYOffset; // 目标位置相对于视口的位置
-        // 滚动到目标位置，并考虑上偏移量
-        window.scrollTo({
-          top: targetPosition-offset,
-          behavior: "smooth"
-        });
+// document.addEventListener("DOMContentLoaded", function() {
+//   const anchors = document.querySelectorAll("a[href^='#section-']");
+//   // 遍历所有锚点链接
+//   for (const anchor of anchors) {
+//     anchor.addEventListener("click", function(event) {
+//       event.preventDefault(); // 阻止默认的跳转行为
+//       const targetId = anchor.getAttribute("href").substring(1); // 获取目标锚点的 id
+//       const targetElement = document.getElementById(targetId); // 获取目标锚点元素
+      // if (targetElement) {
+      //   const offset = 90; // 上偏移量（可以根据需要进行调整）
+      //   const targetPosition = targetElement.getBoundingClientRect().top + window.pageYOffset; // 目标位置相对于视口的位置
+      //   // 滚动到目标位置，并考虑上偏移量
+      //   window.scrollTo({
+      //     top: targetPosition-offset,
+      //     behavior: "smooth"
+      //   });
+      // }
+//     });
+//   }
+// });
+// // 获取导航链接元素
+// const anchorLinks = document.querySelectorAll(".help-a");
+// // 监听页面滚动事件
+window.addEventListener('scroll',scrollHandler)
+function scrollHandler(){
+  // 遍历导航链接元素
+  tabItems.forEach((link,index) => {
+    const sectionId = link.getAttribute('data-id'); // 获取锚点ID
+    const section = document.querySelector(`#${sectionId}`); // 获取对应的锚点元素
+    if (
+      section &&
+      section.getBoundingClientRect().top>=110&&section.getBoundingClientRect().top<=150
+    ) {
+        rm()
+        link.classList.add('active');
+    }
+    if(section &&index===0&&section.getBoundingClientRect().top>150){
+        rm()
+        link.classList.add('active')
       }
-    });
-  }
-});
+  });
+}
 </script>
 </html>