一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

基于jQuery导航栏顶部跟随特效代码

时间:2014-08-02 编辑:简简单单 来源:一聚教程网

用jQ实现很简单哒

我这里有一个方法,乘机水一篇文章再说?(?^?)?

第一步

先在head标签里引用jQuery,已经引用了的就不用重复啦

第四步

接着计算导航栏底部距离网页顶部的距离

比如我的结构是

 代码如下 复制代码


 


 

 
 

那么导航栏底部距离网页顶部的距离就是head层的高+导航栏的高=200px

最后把第三步所提供的代码中的第五行中的XXXXX改为导航栏底部距离网页顶部的距离

像上面举的例子,那么就把XXXXX改为200就行了(不用加单位)

热门栏目