滚动切换导航

我的代码：
header.htm里

1. <!--{if $_G['tid']}-->
   
2. <div class="navbar-nav">
   
3. <div class="navbar-topic-title">
   
4. <h1>
   
5. <a href="forum.php?mod=forumdisplay&fid={$_G['forum']['fid']}"><span class="node">[{$_G['forum']['name']}]</span></a>
   
6. <a href="forum.php?mod=viewthread&tid={$_G['tid']}" class="topic-title" title="{$_G['thread']['subject']}" data-type="top">{$_G['thread']['subject']}</a>
   
7. </h1>
   
8. </div>
   
9. </div>
   
10. <!--{/if}-->

复制代码

jq代码

1. <script>
   
2.         jQuery(function(){
   
3.         var nav=jQuery("ul.nav"); //得到导航对象
   
4.         var articletitle=jQuery(".navbar-topic-title");//得到内容标题容器
   
5.         var win=jQuery(window); //得到窗口对象
   
6.         var sc=jQuery(document);//得到document文档对象。
   
7.         win.scroll(function(){
   
8.           if(sc.scrollTop()>=100){
   
9.             nav.hide();
   
10.             articletitle.show();
    
11.             jQuery(".navbar-form").hide();
    
12.            jQuery(".navbar-topic-title").fadeIn();
    
13.            
    
14.           }else{
    
15.            nav.show();
    
16.            articletitle.hide();
    
17.            jQuery(".navbar-form").show();
    
18.            jQuery(".navbar-topic-title").fadeOut();
    
19.            
    
20.           }
    
21.         })
    
22. })
    
23. </script>

复制代码

我的是因为还涉及隐藏搜索框，所以多个搜索框的show和hide。