点击滚动里面div

问题描述:

我有一个包裹块(如侧栏)与小块内。点击时,我想让小块滚动到包裹块的顶部(它看起来像一个标题)。点击滚动里面div

我已经尝试了很多东西,但没有任何工作,我只是无法理解它如何工作的逻辑。

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

更新:我想我解释了我的问题错了。也许这样:想象一下长长的联系人列表,当你点击某个联系人时,所有内容都会滚动,直到此联系人将在可见区域的顶部。

Updated jsFiddle

对不起,我英文不好。

+0

据我所知,你的逻辑,使得'.wrap元素滚动到顶部。您需要关注如何使'.second'元素滚动到'.wrap'中的顶部。 – AGE

+0

让我知道你想要这样: - http://jsfiddle.net/6k6av5s2/(在动画发生后检查所有类的css )。如果是的话,我会将它作为回答 –

+0

@AlivetoDie,那不正是我想要做的 – dimaa

您需要确定滚动DIV中的元素位置,并添加到当前的scrollTop的值:

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

jsfiddle