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