導航下拉隱藏上拉顯示 · 全書

## jquery ~~~ // 導航上拉隱藏下拉顯示 $(function(){ var cubuk_seviye = $(document).scrollTop(); var header_yuksekligi = $('.navbar-default').outerHeight(); $(window).scroll(function() { var kaydirma_cubugu = $(document).scrollTop(); if (kaydirma_cubugu > header_yuksekligi){$('.navbar-default').addClass('gizle');} else {$('.navbar-default').removeClass('gizle');} if (kaydirma_cubugu > cubuk_seviye){$('.navbar-default').removeClass('sabit');} else {$('.navbar-default').addClass('sabit');} cubuk_seviye = $(document).scrollTop(); }); }); ~~~ * * * * * ## html ~~~  <nav class="navbar navbar-default" role="navigation"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#example-navbar-collapse"> <span class="sr-only"> 切換導航 </span> <span class="icon-bar"> </span> <span class="icon-bar"> </span> <span class="icon-bar"> </span> </button> <a class="navbar-brand intop-img" href="{:U('index/index')}"> <img src="__TMPL__Public/image/logo.png" class="img-responsive" alt="Responsive image"/> </a> </div> <div class="collapse navbar-collapse" id="example-navbar-collapse"> <ul class="nav navbar-nav nav-font"> <li> <a href="{:leuu('portal/page/index', array('id'=>14))}"> 關于 </a> </li> <li> <a href="{:leuu('portal/list/index', array('id'=>11))}"> 動態 </a> </li> <li> <a href="{:leuu('portal/list/index', array('id'=>12))}"> 觀點 </a> </li> <li> <a href="{:leuu('portal/page/index', array('id'=>22))}"> 聯絡 </a> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> 案例 +  </a> <ul class="dropdown-menu"> <li> <a href="{:leuu('portal/list/index', array('id'=>3))}"> <span class="en">Brand</span> <span class="cn">品牌形象</span> </a> </li> <li> <a href="{:leuu('portal/list/index', array('id'=>4))}"> <span class="en">Package</span> <span class="cn">包裝</span> </a> </li> <li> <a href="{:leuu('portal/list/index', array('id'=>5))}"> <span class="en">Promotion</span> <span class="cn">畫冊&印刷品</span> </a> </li> <li> <a href="{:leuu('portal/list/index', array('id'=>6))}"> <span class="en">Print</span> <span class="cn">活動&推廣</span> </a> </li> <li> <a href="{:leuu('portal/list/index', array('id'=>7))}"> <span class="en">Website</span> <span class="cn">網站</span> </a> </li> <li> <a href="{:leuu('portal/list/index', array('id'=>8))}"> <span class="en">Other</span> <span class="cn">其他</span> </a> </li> </ul> </li> </ul> </div> </nav> ~~~