jQuery，點擊滾動窗口到div頂部

Question

我試圖讓我的瀏覽器窗口向下滾動到點擊頂部的div。唯一的問題是一切工作，但是，這個窗口應該向下滾動到div點擊頂部...

到目前爲止，我有：

$('.work-showcase').click(function(){ 
    $('.work-showcase').animate({height:'135px'}, 500); 
    $(this).animate({height:'400px'}, 500); 
    $(window).scrollTop; 
}); 

我做了一個的jsfiddle給你看我的意思是...... http://jsfiddle.net/Jq4Vw/

Answer 1

我認爲你正在努力實現這一點：http://jsfiddle.net/Jq4Vw/7/

$('.work-showcase').click(function(){ 
    $('.work-showcase').animate({height:'135px'}, 500); 
    $(this).animate({height:'400px'}, 500).promise().done(function(){ 
     $('html,body').animate({scrollTop: $(this).offset().top},500); 
     $(this).addClass('current').unbind('click'); // just add this line 
    }); 
}); 

Answer 2

這是你如何，只要滾動到div的頂部，不刷爆窗外：

$('.work-showcase').click(function(){ 

    $('html,body').animate({ 
     scrollTop: $(this).offset().top}, 
     'slow'); 
}); 

我ü nsure你試圖達到之前滾動

見這裏jsFiddle

Answer 3

$('.work-showcase').click(function(){ 
    window.location = "#top"; 
}); 

確保頂部ID是存在的。

<div id="top"> 
I am at the top of the document. 
</div> 

Working Fiddle

Answer 4

試試這個：

$('.work-showcase').click(function(){ 
    $('.work-showcase').animate({height:'135px'}, 500); 
    $(this).animate({height:'400px'}, 500); 
    $("html, body").animate({ scrollTop: $(this).offset().top }, 500); 
}); 

Answer 5

看到這個：http://jsfiddle.net/Jq4Vw/4/

$('.work-showcase').click(function(){ 
    $('.work-showcase').animate({height:'135px'}, 500); 
    $(this).animate({height:'400px'}, 500,function() { 
    $("html, body").animate({ scrollTop: $(this).offset().top }); 
    }); 
});