用户向下滚动到特定元素时如何隐藏粘性导航栏

Question

当向下滚动时，我使它停留在窗口顶部，但现在我试图使它导航栏最初保持在滚动状态，然后在向下滚动至特定元素时消失。例如，当我想与联系人联系或单击导航栏中的“联系人”按钮时，我希望它消失。

        public async Task StartMigrationAsync()
    {
        await this.Database.MigrateAsync();
    }

这是我用来在滚动时“粘”上它的js

<div class="container" id="Home">
        <a href="#" style="text-decoration: none;">
          <h1 class="mainC">Lorem</h1></a
        >

        <ul class="navlinks">
          <li><a href="#Home">home</a></li>
          <li><a href="#about">about</a></li>
          <li><a href="#Contakt">contact</a></li>
          <li><a href="#Socials">socials</a></li>
        </ul>
       </div>