Javascript 滚动条上的fadein导航栏

我正在寻找一些帮助，让我的淡入导航栏工作。 我正在使用下面的代码，一切都可以在JSFIDLE上运行。但我不能让它在我的代码中工作。我认为我的链接可能有问题：

    <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>

这是正在工作的JSFIDLE链接：

也许像

将其添加到导航栏

display: none;

这就是滚动javascript

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