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

【问题标题】：Javascript fixed-top navbar only after scrollingJavascript 固定顶部导航栏仅在滚动后
【发布时间】：2012-10-11 22:27:43
【问题描述】：

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

【问题讨论】：

标签： javascript html css less

【解决方案1】：

这是一个使用 window.onscroll 事件的 javascript 检查

在顶部附近的 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;
    }
};

【讨论】：

刚刚也找到了HTML5 tutorial。接受你的答案，因为它先到那里。