title: How much user is scrolling up beyond scrollTop zero
body: <p>What I am trying to accomplish is when the user has scrolled to the top of the window / body, but attempts to scroll up further, then as per the distance the user scrolls up, this element ( <code>#main</code> ) is dragged down. It is currently made draggable through jQueryUI.</p>
  
  <p>How I planned to drag it down is by simulating the <code>.mousedown()</code> and and <code>.mousemove()</code> and `.mouseup() events, which seem to work ( meaning they trigger the drag ).</p>
  
  <p>Here is what I think should work in some-real / some-pseudo code:</p>
  
  <pre><code>$(window).on('scroll', function(){
      if($(this).scrollTop() === 0){
  
          if(extra movement beyond scrollTop 0){
               $('#main').mousedown();
               //move #main down number of pixels of extra movement / extra scroll up.
               $('#main').mouseup();   
          }
      } 
  });
  </code></pre>
  
  <p>So I want to learn how much the user is scrolling up or attempting to scroll up beyond the top of the page and the move an element that number of pixels by calling mouse down and then moving the mouse on that element that number of pixels down, which should trigger the jQuery UI drag for that amount of pixels down.</p>