有些网站当你滚动到一定的位置之后,导航条会悬浮或者是换另外一种样式出现在最顶部,他是怎么来实现,比如我们的马红旗小儿推拿项目中,导航就用到了跟随滚动条悬浮:
![]()
这个效果特别简单,他是这么来实现的:
首先引入jquery:
![]()
然后用jquery代码来控制他:
当然你得有写好的样式:
 
当滚动条从最顶端滚动到120像素的时候,给header追加dingwei这个class,然后他就悬浮了,当然当你滚动回去的时候肯定得恢复他原来的样子,那么就用removeCLass把dingwei这个类名给移除掉就可以了,这样导航跟随滚动条悬浮就实现了。
上一篇:                        无缝滚动用jquery是如何来实现的
                                            
                    下一篇:                        时间轴特效用jq是如何实现的
                                            
                
                    
                )
                            )
)
                    
                    
                    