title: Limit 'mousewheel' delta to fire once per scroll
body: <p>I'm using the following code below, to scroll two divs in different directions () but I'm curious to know if you can limit the scroll so it only fires once per scroll (rather than it continually scrolling and sending my functions into an endless loop.</p>
  
  <pre><code>$('.page-left, .page-right').bind('mousewheel', function(event, delta) {
      var windowHeight = $(window).height();
      if (delta &lt; 0) {
          prevProject();
      }
      if (delta &gt; 0) {
          nextProject();
      }
  });
  </code></pre>
  
  <p>You can see where I'm up up to here: <a href="http://dev.rdck.co/lyonandlyon/" rel="noreferrer">http://dev.rdck.co/lyonandlyon/</a></p>
  
  <p>Thanks in advance,
  R</p>
  
  <p>Animation functions for reference:</p>
  
  <pre><code>var prevProject = function() { // up arrow/scroll up
      var windowHeight = $(window).height();
  
      $('.page-left .page-left-wrapper').css({bottom:'auto'});
      $('.page-left .page-left-wrapper').animate({top:0},800, function() {
          $('.page-left .page-left-wrapper').prepend($('.page-left .project-left:last-of-type'));
          $('.page-left .page-left-wrapper').css({top:-windowHeight});
      });
      $('.page-right .page-right-wrapper').css({top:'auto'});
      $('.page-right .page-right-wrapper').animate({bottom:+windowHeight*2},800, function() {
          $('.page-right .page-right-wrapper').append($('.page-right .project-right:first-of-type'));
          $('.page-right .page-right-wrapper').css({bottom:+windowHeight});
      });
  };
  
  
  var nextProject = function() { // down arrow/scroll down
      var windowHeight = $(window).height();
  
      $('.page-left .page-left-wrapper').animate({top:0},800, function() {
          $('.page-left .page-left-wrapper').prepend($('.page-left .project-left:last-of-type'));
          $('.page-left .page-left-wrapper').css({top:-windowHeight});
      });
      $('.page-right .page-right-wrapper').animate({bottom:+windowHeight*2},800, function() {
          $('.page-right .page-right-wrapper').append($('.page-right .project-right:first-of-type'));
          $('.page-right .page-right-wrapper').css({bottom:+windowHeight});
      });
  };
  </code></pre>