在 div 内点击滚动

Question

我有一个包装块（如侧边栏），里面有较小的块。我想让较小的块在单击时滚动到包装块的顶部（它看起来像一个标题）。

我尝试了很多东西，但没有任何效果，我只是无法理解它必须如何工作的逻辑。

$(".second").click(function() {
  $('.wrap').animate({
      scrollTop: $(".second").offset().top
    }, 'slow');
});

更新：我想我解释错了我的问题。也许这样：想象一下长长的联系人列表，当您单击某个联系人时，所有内容都会滚动，直到该联系人位于可见区域的顶部。

Updated jsFiddle

抱歉英语不好。

Answer 1

您需要确定可滚动 div 内的元素位置并将其添加到当前 scrollTop 值：

scrollTop: $(e.currentTarget).position().top + $('.wrap').scrollTop()

jsfiddle