jQuery实现在鼠标滚动后导航栏保持固定

来源:互联网 发布:健身教材 知乎 编辑:程序博客网 时间:2024/06/06 09:26

关键jquery代码:

  1. <script>  
  2.         $(document).ready(function() {  
  3.             var navOffset=$(".header-bottom").offset().top;  
  4.             $(window).scroll(function(){  
  5.                 var scrollPos=$(window).scrollTop();  
  6.                 if(scrollPos >=navOffset){  
  7.                     $(".header-bottom").addClass("fixed");  
  8.                 }else{  
  9.                     $(".header-bottom").removeClass("fixed");  
  10.                 }  
  11.             });  
  12.   
  13.         });  
  14.     </script>  

0 0
原创粉丝点击