Javascript 滚动菜单，仅在页面向下移动特定方式后启动

Question

我想要一个滚动菜单，该菜单从页面的特定部分开始(例如标题下方)，但会一直停留在那里直到您向下滚动并到达浏览器窗口的顶部，然后跟随您向下滚动到页面的其余部分.

有人知道怎么做吗？我无法在网上的任何地方找到它。我见过其他类似的，但没有一个移动到窗口的顶部。

当您查看电子邮件时，在 gmail 上有一个很好的例子。工具栏位于电子邮件框的顶部，但一旦您滚动到电子邮件框上方，它就会跟随您向下滚动页面。

我知道 position:absolute;top:0; 会让它在没有流畅运动的情况下保持在顶部(我讨厌它，因为它看起来很草率)。

** 编辑 **

我真的只需要知道如何检测菜单 div 是否位于页面顶部。我可以做一个模拟的事情，如果你向下滚动菜单 div 有多远，它将开始向下滚动，但我宁愿实际了解菜单 div 是否超过浏览器窗口。

Answer 1

它是固定位置和绝对位置的混合位置，您将处理.scroll 事件并在其间切换。你可以在这里找到一个例子 Creating a floating box which stays within a div