首页>>Jquery文字>>跟随页面滚动的顶部导航(2014-07-08)

跟随页面滚动的顶部导航

 这个与之前步伐的 《跟随滚动 始终在顶部的表格头部信息 》区别在于之前那个是表格的头部，现在这个是网页的头部

跟随页面滚动的顶部导航
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <header class="banner">  
  2.     <nav class="container">  
  3.         <h1 class="logo"><a href="http://www.freejs.net" title="freejs首页">www.freejs.net</a></h1>  
  4.         <ul class="nav">  
  5.             <li class="nav__item"> @freejs </li>  
  6.               
  7.         </ul>  
  8.     </nav>  
  9. </header>  
 
 

 

JavaScript Code
  1. <script>  
  2.   
  3.     // Set options  
  4.     var options = {  
  5.         offset: '#showHere',  
  6.         classes: {  
  7.             clone:   'banner--clone',  
  8.             stick:   'banner--stick',  
  9.             unstick: 'banner--unstick'  
  10.         }  
  11.     };  
  12.   
  13.     // Initialise with options  
  14.     var banner = new Headhesive('.banner', options);  
  15.   
  16.     // Headhesive destroy  
  17.     // banner.destroy();  
  18. </script>  

 


原文地址:http://www.freejs.net/article_jquerywenzi_369.html