Javascript仅在滚动后固定顶部导航栏

有人知道在上使用什么javascript效果来创建导航栏效果吗？导航栏仅在滚动超过某个点后才会固定在顶部。如果有人有实际的代码示例或教程链接，我们将不胜感激。

这是一个使用

窗口的javascript检查。onscroll

事件

在顶部附近的HTML源中：

window.onscroll = function () {
    if (!docked && (menu.offsetTop - scrollTop() < 0)) {
      menu.style.top = 0;
      menu.style.position = 'fixed';
      menu.className = 'docked';
      docked = true;
    } else if (docked && scrollTop() <= init) {
      menu.style.position = 'absolute';
      menu.style.top = init + 'px';
      menu.className = menu.className.replace('docked', '');
      docked = false;
    }
};

window.onscroll=函数（）{
如果（！docked&&（menu.offsetTop-scrollTop（）<0））{
menu.style.top=0；
menu.style.position='fixed'；
menu.className='docked'；
停靠=正确；
}else if（docked&&scrollTop（）也在这上面找到了一个。接受你的答案，因为它首先出现在那里。