基于body的垂直滚动模拟鼠标在元素上的移动

Question

我有一个可通过 jQueryUI 拖动的元素。我正在使用它来进行下拉刷新交互。

我想要完成的是当用户滚动到窗口/正文的顶部，但尝试进一步滚动，然后根据用户向上滚动的距离，这个元素（#main）被向下拖动.

我打算如何将它拖下来是通过模拟.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();   
        }
    } 
});

Answer 1

您可以通过这样做获得滚动位置：

if($("body").scrollTop() === 0)
{
   //do your stuff
}

scrollTop() 函数返回从页面滚动位置到激活它的元素顶部的 px 数（在上面的示例中 - 在 body 标记上）。

这是example

如果您需要获得滚动的增量，您可以找到this SO 有帮助。