在頁面加載時導航不透明度從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消除它看起來做的工作。