將頁面底部設置為div底部

Question

我有一個div網格，單擊該網格可在其當前行下方顯示一個div。 我想要這樣，如果用戶單擊底部行上的div，則頁面將滾動，以使顯示的div現在與屏幕底部對齊（這樣用戶就可以知道div在那並且它不會隱藏在屏幕之外）

我試過使用jquery scrollTop作為

  $('body').scrollTop(div);

並且將div設置在頁面的頂部-但是如何與頁面底部對齊-還可以為過渡設置動畫嗎？

Answer 1

(function(){ 
    var element = $('#align-this')
$('html, body').animate({
        scrollTop: element.offset().top + element.height() - $(window).height()
    }, 2000);
}).call()

http://jsfiddle.net/1drnuabg/2/雖然要測試邊緣情況，（元素太高，無法向下滾動等）