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