滚动上的fadein导航栏

时间:2014-10-30 09:48:08

标签: javascript jquery

我正在寻找帮助让我的导航栏淡入功能。 我正在使用下面的代码,所有内容都适用于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/

1 个答案:

答案 0 :(得分:0)

可能像

将其添加到导航栏

display: none;

这是滚动javascript

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