只有滾動後的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; 
    } 
};