jQuery mousewheel animate

Question

我正試圖做一些基於可拖動的div頂部位置的divs頂部位置上的平滑滾動/緩動。

HTML

<div id="content"></div> 
<div id="drag">MOVE ME</div> 

的jQuery

$('#drag').draggable({ 
    axis: 'y', 
    drag: function() { 
     $('#content').animate({'top': $(this).css('top')}, 200); 
    } 
}) 

JSFIDDLE

內容DIV的位置也被通過鼠標滾輪改變，從而該解決方案可以不是特定於jQuery的UI。

我該如何緩解內容div的位置？

Answer 1

假設.draggable是拖動事件的觸發器，這是如何滾動頁面以使#drag div在移動它之後位於頂部。

$('#drag').draggable(function(){ 
    var offset = ($(this).offset().top) - scrollTop; 
    $('html, body').animate({scrollTop:offset}, 'slow'); 
}); 

現在如果你想一個div移動到＃阻力頂級只需使用一個不同的選擇和.css（）