多少用户向上滚动超出scrollTop零

Question

我想要完成的是当用户滚动到窗口/正文的顶部，但尝试进一步向上滚动，然后根据用户向上滚动的距离，此元素（#main）被拖了下来。它目前通过jQueryUI可以拖放。

我计划如何将其向下拖动是通过模拟.mousedown()以及.mousemove()和`.mouseup（）事件来实现的，这些事件似乎有效（意味着它们会触发拖动）。

以下是我认为应该在某些实际/某些伪代码中起作用的内容：

$(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();   
        }
    } 
});

所以我想了解用户向上滚动或尝试向上滚动超出页面顶部的数量，并通过调用鼠标向下移动一个元素数量，然后在该元素上移动鼠标像素向下，这应该触发jQuery UI拖动以减少该像素数量。