只有JavaScript固定顶部导航栏中，滚动后(Javascript fixed-top navb

有谁知道正在使用哪些JavaScript特效打造的导航栏效果lesscss.org在导航栏才成为滚动超过一定点后，固定在顶部。 如果任何人有实际的代码示例，或教程的链接，即会受到赞赏。

Answer 1:

它使用一个JavaScript检查window.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;
    }
};

文章来源: Javascript fixed-top navbar only after scrolling