在页面加载时导航不透明度从0开始

Question

我试图通过不透明度在css中隐藏我的导航，然后让导航在页面下方约600px处褪色。

我有一切工作，除了....当我加载页面导航栏开始在完全不透明（1）。

一旦我向下滚动一个像素，它就像它应该那样工作。即，nav不透明度返回到（0），然后在600px处，nav不透明度返回到（1）。

如果有人可以帮我解决这个问题，我将不胜感激。

这里是一个小提琴http://jsfiddle.net/daugaard47/FpPTm/。

按下运行，然后向下滚动页面以查看效果。

这是我的脚本，如果你想快速检查它。

 $(window).bind('scroll', 'load', function(){ 
     var     
      navwrap = $('.navwrap'), 
      scrollTop = $(document).scrollTop(), 
      limit = 635; 
     if (scrollTop >= limit) { 
      navwrap.addClass('sticky'); 

     } else if (scrollTop <= limit) { 
      navwrap.removeClass('sticky');    
     } 
    }); 

如果有人可以帮助我，请提前致谢。

Answer 1

它看起来像导航已经得到了类，sticky当页面第一次加载时已经应用opacity:1。然后，当向下滚动1px然后删除它。

更新JSFIDDLE没有粘在类loadup

<div class="navwrap"> 
    <div id="nav">NAVIGATION</div> 
</div> 

我不知道，如果你需要粘在类，但loadup消除它看起来做的工作。