將頁面底部設置爲div的底部

Question

我有一個div單元格，單擊時會顯示當前行下方的div。 我喜歡它，所以如果用戶點擊最下面一行的div - 頁面將滾動，以便顯示的div現在與屏幕底部對齊（以便用戶知道div在那裏，它不會「T被隱藏關閉屏幕）

我使用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/ 做測試的邊緣情況雖然，（元素過高向下滾動，等等）