模擬基於身體垂直滾動的元素上的鼠標移動

Question

我有一個可以通過jQueryUI拖動的元素。我正在使用它來執行下拉以刷新交互。

我試圖完成的是當用戶滾動到窗口/正文的頂部，但試圖進一步滾動，然後根據用戶向上滾動的距離，此元素（#main）被拖拽。

我如何計劃拖拽它是通過模擬.mousedown()和.mousemove()和`.mouseup（）事件，這似乎工作（意味着它們觸發拖動）。

以下是我認爲應該在一些實/一些僞代碼工作：

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

的scrollTop()函數返回：

$(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

你可以通過這樣獲得滾動位置從頁面滾動位置到其激活的元素頂部的px編號（在上面的示例中 - 在body標記上）。

這裏是一個example

如果你需要得到的滾動，你可以找到this SO有用的增量。