欢迎光临陕西佳毅网络科技有限公司官网

营业执照公示
更多关注 收藏本站
在线留言
    主页 > 资讯 > 阿里云通知 >

导航栏下拉至一定高度后固定在顶部的特效

日期：2019-12-05 11:02:09 作者：admin 浏览：73
js代码
  1. "text/javascript">  
  2. $(function(){  
  3. var nav=$(".nav"); //得到导航对象  
  4. var win=$(window); //得到窗口对象  
  5. var sc=$(document);//得到document文档对象。  
  6. win.scroll(function(){  
  7.   if(sc.scrollTop()>=100){  
  8.     nav.addClass("fixednav");   
  9.   }else{  
  10.    nav.removeClass("fixednav");  
  11.   }  
  12. })    
  13. })  
css部分
  1. .fixednav {  
  2.     position: fixed;  
  3.     top: 0px;  
  4.     left: 0px;  
  5.     width: 100%;  
  6.     z-index: 999;  
  7. } 
这个代码部署之后我自己测试过好像有点抖动 个别情况下 这个可以按照下边法子处理下。给fiexd的套一个div
----

 

----

阿里云通知

资讯

营业执照公示

新闻中心

案例展示

技术FAQ

服务热线 18091738064 (任经理)

周一至周末 9:30 - 20:30节假日休息

  1. 友情链接 :
  2. PbootCMS