有人知道在 lesscss.org 上创建导航栏效果所使用的javascript效果是什么吗?当滚动超过一定点后,导航栏才固定在顶部。如果有人有实际的代码示例或教程链接,那将不胜感激。
这是一个使用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;
}
};