第一种:设置body{padding-top:导航栏的高度},然后直接设置导航栏position:fixed即可(实现简单)。
第二种(看别人的实现方式):采用双导航栏,一个绝对定位,一个固定定位。并将绝对定位的导航栏的z-index属性值设置的比固定定位的导航栏的大。
例如:
绝对定位:position:absolute;z-index:2;top:0px;
固定定位:position:absolute;z-index:1;top:0px;
这样刚开始的时候绝对定位的导航栏覆盖在固定定位的导航栏上面(占位),在滑动的时候固定定位的导航栏就会一直悬浮在顶端(滚动条从下往上滚动的时候两个导航栏会出现“幻影”)。