固定导航栏的实现原理

第一种：设置body｛padding-top:导航栏的高度｝，然后直接设置导航栏position:fixed即可（实现简单）。

第二种（看别人的实现方式）：采用双导航栏，一个绝对定位，一个固定定位。并将绝对定位的导航栏的z-index属性值设置的比固定定位的导航栏的大。

例如：

绝对定位：position:absolute;z-index:2;top:0px;

固定定位：position:absolute;z-index:1;top:0px;

这样刚开始的时候绝对定位的导航栏覆盖在固定定位的导航栏上面（占位），在滑动的时候固定定位的导航栏就会一直悬浮在顶端（滚动条从下往上滚动的时候两个导航栏会出现“幻影”）。