title: Temporarily disable mousewheel until animation over
body: <p>I'm working on a site that has a splash page and I want it to work so that when you scroll down the splash page, <code>div.splash</code>, will scroll up out of the way and the site scrolls in. I have it working for the most part, there is a just a small annoyance. Depending on how fast you scroll the mouse, it will scroll a certain distance into the main site.</p>
  
  <p>I'd like it to work so that as soon as it detects even one click down on the mousewheel it will do all the stuff below but any additional movement in the mousewheel will be disabled until the <code>slideUp()</code>/<code>animate()</code> function is completed. That way when they scroll, the animations will happen but the person will still start at the very top of the page.</p>
  
  <pre><code>$(window).bind('mousewheel', function(e, delta) {
  if(delta == -1){    
      disable_scroll();       
      $('.alpha.wrapper').show();
      $('.titles .beta').hide();
      $('.splash').slideUp(800);
      $('.titles').animate({
          top: '495px'
      },800,enable_scroll());
  }
  });
  </code></pre>