jQuery的滾動功能不能正常工作

Question

我不確定該問題的標題是什麼，因爲它很複雜。爲了證明，我創建了一個小提琴：

http://jsfiddle.net/2W5Jd/

基本上，我正在含有不同的背景顏色不同的部分網站。設計師認爲，當您向下滾動到另一個部分時，更改徽標的顏色是個好主意，就好像該部分「掩蓋」徽標一樣（請參閱小提琴，這很難解釋）。

然而，正如你可以在小提琴中看到的那樣，當你滾動得足夠快時，標誌停止調整大小。有沒有人有任何想法如何解決這個問題？

---

由於發佈一個鏈接到jsfiddle.net必須由代碼相伴，這裏的JS（我已經簡化它的實際網站改版了一下）：

var $logo = $("#logo"); 

$(window).scroll(function(){ 
    scrollTop = $(document).scrollTop(); 
    $logo.css("top", scrollTop + "px"); 

    if (scrollTop + 180 >= 600 ) { 
     $logo.find(".second").css("height", (scrollTop + 180) - 600 + "px"); 
    } 

}); 

Answer 1

添加else條款您if

else { 
     $logo.find(".second").css("height", (scrollTop + 180) - 600 + "px"); 
    } 

請參閱更新小提琴：http://jsfiddle.net/hbrunar/2W5Jd/1/

如果你不需要做任何事情在if部分意外的話，完全跳過它：

http://jsfiddle.net/hbrunar/2W5Jd/2/