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/