title: How to determine scroll direction without actually scrolling
body: <p>I am coding a page where the first time the user scrolls, it doesn't actually scroll the page down, instead it adds a class with a transition. 
  I'd like to detect when the user is scrolling down, because if he scrolls up, I want it to do something else.
  All the methods that I've found are based on defining the current body ScrollTop, and then comparing with the body scrollTop after the page scrolls, defining the direction, but since the page doesn't actually scroll, the body scrollTop() doesn't change.</p>
  
  <pre><code>animationIsDone = false;
  
  function preventScroll(e) {
  
      e.preventDefault();
      e.stopPropagation();
  }
  
  $('body').on('mousewheel', function(e) {
  
      if (animationIsDone === false) {
          $("#main-header").removeClass("yellow-overlay").addClass("yellow-overlay-darker");
          $(".site-info").first().addClass("is-description-visible");
          preventScroll(e);
  
          setTimeout(function() {
              animationIsDone = true;
          }, 1000);
  
      }
  
  
  });
  </code></pre>
  
  <p>This is what I have come with, but that way it doesn't matter the direction I scroll it triggers the event</p>