Javascript滚动菜单，仅在页面向下的特定方式后开始

我想要一个滚动菜单，它从页面的某个部分开始（如标题下方），但一直保持在那里，直到你向下滚动，它到达浏览器窗口的顶部，然后跟随你向下页面的其余部分。

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

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

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

编辑 **

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