滾動上的fadein navbar

Question

我正在尋找一些幫助讓我的淡入淡出導航欄的工作。 我使用下面的代碼，一切工作在jsfiddle上。但是我不能讓它在我的代碼中工作。我認爲有可能與我聯繫了一個問題：

<script type="text/javascript" src="jquery-1.11.1.min.js"></script> 


    <script type="text/javascript"> 

     $(function(){ <br> 
     var stickyHeaderTop = $('#naw').offset().top; 

     $(window).scroll(function(){ 
       if($(window).scrollTop() > stickyHeaderTop) { 
         $('#naw').css({position: 'fixed', top: '0px'}); 
       } else { 
         $('#naw').css({position: 'static', top: '100px'}); 
       } 
     }); 
    }); 

    </script> 

這是工作的jsfiddle鏈接：

http://jsfiddle.net/uFq2k/1123/

Answer 1

可能像

這增加了導航欄

display: none; 

和這個滾動javascript

$(".navbar").fadeIn(500);