收藏本帖 楼主热帖
  • 去顶部
  • 226 次浏览
  • 0 次回复
  • 0 次收藏
  • 0 次点赞
  • 去底部

滚动切换导航

  1. Seven
    我的代码:
    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。

共 0 条回复,还没有人回复,抢个沙发吧!

高级模式
您需要登录后才可以回帖 登录 | 立即注册

QQ|Archiver|小黑屋|7 talk

GMT+8, 2021-1-26 00:55 , Processed in 0.024450 second(s), 28 queries . Powered by Discuz!