将页面底部设置为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/ 做测试的边缘情况虽然，（元素过高向下滚动，等等）