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

只要窗口沒有最大化，這就是滾動到div頂部的方式：

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

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

我不確定滾動之前您要達到的目標

在這里看到j​​sFiddle

Answer 2

嘗試這個：

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

Answer 3

看到這個： 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 });  
   });
 });

Answer 4

我認為您正在嘗試實現這一目標： 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 5

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

確保存在頂部ID。

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

工作小提琴