Javascript 如何复制此半静态菜单？

我正在尝试复制此页面上的功能：。具体地说，“Book flights”菜单的行为是，它位于页面加载时的特定位置，但在用户向下滚动时会粘在页面顶部

到目前为止，我还不知道我是否应该寻找Javascript或CSS或其他什么，因此任何关于一般方法的指针都会非常有用

---

我知道这是一个非常糟糕的问题，但不幸的是，我不知道我不知道什么，也不知道如何提供进一步的细节。我只是在寻找一个指向正确方向的指针。

通常的方法是这样的：将处理程序绑定到窗口的滚动事件；

---

检入处理程序，当它达到某个限制时，将静态定位的元素切换到

位置：fixed

。然后，当用户向上滚动页面时，执行相反的操作。

通常的方法是这样的：将处理程序绑定到窗口的滚动事件；

---

检入处理程序，当它达到某个限制时，将静态定位的元素切换到

位置：fixed

。然后在用户滚动页面时执行相反的操作。

在这种情况下，您可以使用Chrome中的“开发人员工具”（或其他浏览器中的类似工具），例如查找如何处理您感兴趣的内容

例如，在这种情况下：

• 菜单项=>上的右键是带有类

  的容器（div）。菜单
  

• 单击元素并显示css:

  左边距：0px；顶部：0px；位置：固定；左：自动处于“粘滞”状态且
  左边距：0px；顶部：76px；左：自动；位置：绝对位置处于非“粘性”状态

• 查看页面上的脚本并搜索正确的函数（例如，通过“菜单”或更好的“固定”搜索”）=>在“scroller.js”中，您可以看到处理

  滚动事件的函数，以及：
  
   if (winTop > 213) {
       //Function call goes here
       $("#nav .menu:first").css({ position: 'fixed', top: '0px', left: 'auto' });
       $(".mateMail").css({ position: 'fixed', top: '248px', left: 'auto' });
  }
  
  

---

在这种情况下，您可以使用Chrome中的“开发人员工具”（或其他浏览器中的类似工具），例如查找如何处理您感兴趣的内容

例如，在这种情况下：

• 菜单项=>上的右键是带有类

  的容器（div）。菜单
  

• 单击元素并显示css:

  左边距：0px；顶部：0px；位置：固定；左：自动处于“粘滞”状态且
  左边距：0px；顶部：76px；左：自动；位置：绝对位置处于非“粘性”状态

• 查看页面上的脚本并搜索正确的函数（例如，通过“菜单”或更好的“固定”搜索”）=>在“scroller.js”中，您可以看到处理

  滚动事件的函数，以及：
  
   if (winTop > 213) {
       //Function call goes here
       $("#nav .menu:first").css({ position: 'fixed', top: '0px', left: 'auto' });
       $(".mateMail").css({ position: 'fixed', top: '248px', left: 'auto' });
  }
  
  

---

是的，你搞定了。如果其他人好奇的话，实际的功能就在这里。谢谢，是的，你搞定了。如果其他人好奇的话，实际的功能就在这里。谢谢