2017-08-01 173 views
1

我有一個包裹塊(如側欄)與小塊內。點擊時,我想讓小塊滾動到包裹塊的頂部(它看起來像一個標題)。點擊滾動裏面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

回答

2

您需要確定滾動DIV中的元素位置,並添加到當前的scrollTop的值:

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

jsfiddle