只有滚动后的Javascript固定顶部导航栏

Question

有谁知道什么样的javascript效果被用来创建导航栏效果lesscss.org哪里的导航栏只有在滚动超过某个点后才固定到顶部。如果任何人有实际的代码示例，或指导教程的链接，这将不胜感激。

Answer 1

它的使用window.onscroll事件

在靠近顶部的HTML源

一个javascript检查：

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; 
    } 
};