如何淡出，在窗口滾動中淡入div？

Question

滾動100px後，我的div很好地淡出，但不會在300px滾動後淡入。

任何想法？

$(document).ready(function(){ 
    $(window).scroll(function() { 
     if ($(this).scrollTop() > 100) { 
      $('#menuWrap').animate({opacity: 0.5}, 1000);    
      }  
     if ($(this).scrollTop() > 300) { 
      $('#menuWrap').animate({opacity: 1}, 1000); 
      } 
    }); 
}); 

Answer 1

嘗試添加stop()或stop(true,true) befaore animate(..)：

$(document).ready(function(){ 
    $(window).scroll(function() { 
     if ($(this).scrollTop() > 100) { 
      $('#menuWrap').stop().animate({opacity: 0.5}, 1000); 
      } 
     if ($(this).scrollTop() > 300) { 
      $('#menuWrap').stop().animate({opacity: 1}, 1000); 
      } 
    }); 
});