第二个标题粘贴在Scroll上

Question

<xs:schema xmlns="original-xmlns" xmlns:myprefix="my-namespace" targetNamespace=...
  <xs:import namespace="my-namespace" />
  ...

所以基本上我想让我的辅助导航如图所示变成粘滞当用户滚过它时。

<div id="secondnav">
  <div class="topnav">
    <div class="search-container">
      <form action="/action_page.php">
        <input type="text" placeholder="Search.." name="search">
        <button type="submit"><i class="fa fa-search"></i></button>
      </form>
    </div>
  </div>
</div>

用户滚过主标题后，我只想让它显示为辅助标题。然后当用户返回时将其恢复正常。

最好使用Javascript。

这就是https://gyazo.com/51cc30765e15a2cab638ee32e6a7e4bc

的样子

所以当你滚动过去我希望蓝色部分显示，如果可能的话，我怎么能添加一个'隐藏'资产净值，只有在用户向下滚动时才会显示。

对不起，如果这没有意义的话，如果你需要的话可以澄清更多。