基础业务：滚动到指定位置导航固定（CSS实现）

最近公司做的业务都是使用Vue、Element写的，涉及到的相应的基础业务像轮播、预加载、懒加载，都是使用
NPM上的工具来实现，原理和基础还是要有的，就来实现几个项目中常用到的业务。

经常见到这样的效果，导航在页面中间，当界面滚动到导航的时候，导航就变成了fixed布局。为了看效果，我加了边框。

刚开始，京东金融的注册登陆、还有下载App的导航在界面中部。当你滚动到导航的位置或者是再向下滚动的时候，导航就固定住了。

这就是大概效果，反之滚动回来的时候，导航还在界面中部。来实现一下吧。

JS实现

不难，首先记录最初导航的位置，然后监听scroll事件控制CSS就好了。说的简单，感觉做了整么长时间的前端，基础都快忘光了，做了好久才实现，其中都是基础不牢固惹的货，看来以后还是要注重基础。

话不多说，就是几行代码&#x