javascript - 如何实现固定菜单跟随滚动条滚动的效果？

Question

当滚动条滚动到菜单位置时，怎样让他固定到浏览器顶端，当滚动条回到他原来位置时，他就停在哪里。
网上很多都是要引用一个jquery插件，感觉很麻烦。
该怎样写一个这样的效果呢？

Answer 1

大致写个思路吧，肯定是自己调试比直接引用jQuery插件麻烦大家才会纷纷引插件来用

1. 用onscroll事件判断用户滚动的位置，用菜单元素的offsetTop属性判断它的显示位置

2. 如果滚动到了菜单到顶的时候，把菜单的display改成fixed

3. 等下一个菜单滚到某个适当的位置时，把原来菜单的diplay改回来，把新菜单改成fixed