javascript - 滚动条上淡入导航栏

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