jQuery mousewheel animate

问题描述：

我正试图做一些基于可拖动的div顶部位置的divs顶部位置上的平滑滚动/缓动。jQuery mousewheel animate

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

内容DIV的位置也被通过鼠标滚轮改变，从而该解决方案可以不是特定于jQuery的UI。

我该如何缓解内容div的位置？

所提供的链接似乎被打破：/ –

请除链接张贴相关的代码（工作链接） – jbabey

你想要达到什么目的？你想滚动第二个第一个div与第二个相同 – Ani

答

假设.draggable是拖动事件的触发器，这是如何滚动页面以使#drag div在移动它之后位于顶部。

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

现在如果你想一个div移动到＃阻力顶级只需使用一个不同的选择和.css（）