我有一个问题，响应侧边栏导航链接（锚标记）不会单击 下面是HTML代码的一部分

 <!-- Nav -->
       <nav class="main-nav">
           <img src="img/logo-dark-transparent.png" alt="AS Logo" class="logo">
           <ul class="main-menu">
               <li><a href="#home">Home</a></li>
               <li><a href="#about">About Me</a></li>
               <li><a href="#projects">Projects</a></li>
               <li><a href="#contact">Contact Me</a></li>
           </ul>
          ....
       </nav>

navbar的主要CSS代码在这里

 <!-- Nav -->
       <nav class="main-nav">
           <img src="img/logo-dark-transparent.png" alt="AS Logo" class="logo">
           <ul class="main-menu">
               <li><a href="#home">Home</a></li>
               <li><a href="#about">About Me</a></li>
               <li><a href="#projects">Projects</a></li>
               <li><a href="#contact">Contact Me</a></li>
           </ul>
          ....
       </nav>

侧面导航的CSS代码为

 <!-- Nav -->
       <nav class="main-nav">
           <img src="img/logo-dark-transparent.png" alt="AS Logo" class="logo">
           <ul class="main-menu">
               <li><a href="#home">Home</a></li>
               <li><a href="#about">About Me</a></li>
               <li><a href="#projects">Projects</a></li>
               <li><a href="#contact">Contact Me</a></li>
           </ul>
          ....
       </nav>

但是show类是由下面的JS代码动态切换的

 <!-- Nav -->
       <nav class="main-nav">
           <img src="img/logo-dark-transparent.png" alt="AS Logo" class="logo">
           <ul class="main-menu">
               <li><a href="#home">Home</a></li>
               <li><a href="#about">About Me</a></li>
               <li><a href="#projects">Projects</a></li>
               <li><a href="#contact">Contact Me</a></li>
           </ul>
          ....
       </nav>

还有，我想使用这个JS代码片段实现在桌面版本上工作但在移动侧边栏菜单中不工作的平滑滚动

 <!-- Nav -->
       <nav class="main-nav">
           <img src="img/logo-dark-transparent.png" alt="AS Logo" class="logo">
           <ul class="main-menu">
               <li><a href="#home">Home</a></li>
               <li><a href="#about">About Me</a></li>
               <li><a href="#projects">Projects</a></li>
               <li><a href="#contact">Contact Me</a></li>
           </ul>
          ....
       </nav>

我已经调试了几个小时，但没有成功，请提供任何帮助或建议。

顺晟科技：

添加CSS代码

 <!-- Nav -->
       <nav class="main-nav">
           <img src="img/logo-dark-transparent.png" alt="AS Logo" class="logo">
           <ul class="main-menu">
               <li><a href="#home">Home</a></li>
               <li><a href="#about">About Me</a></li>
               <li><a href="#projects">Projects</a></li>
               <li><a href="#contact">Contact Me</a></li>
           </ul>
          ....
       </nav>

可能您要滚动的div的id与链接（href）地址不匹配。您需要确保这一点。此外，您可以在JavaScript代码中执行空检查，如下所示。

 <!-- Nav -->
       <nav class="main-nav">
           <img src="img/logo-dark-transparent.png" alt="AS Logo" class="logo">
           <ul class="main-menu">
               <li><a href="#home">Home</a></li>
               <li><a href="#about">About Me</a></li>
               <li><a href="#projects">Projects</a></li>
               <li><a href="#contact">Contact Me</a></li>
           </ul>
          ....
       </nav>