Как исчезнуть, исчезнуть в прокрутке окна div?

Question

Мой div сильно исчезает после прокрутки 100px, но не будет исчезать после прокрутки 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); 
      } 
    }); 
});