Jquery扩展div - 如何滚动到它

Question

基本上我的网站上有一个停靠的页脚，它位于页面的最底部。 然后我有一个空的div“country_slider”，它位于它下面，这可以通过jQuery的show和hide函数进行扩展。 问题是这样，页脚div已经通过CSS hack位于页面底部，所以当“country_slider”div扩展时，它就会脱离页面的底部。

我希望div不仅可以展开，而且还可以向下滚动页面以使其可见。 谁能告诉我最简单，最无黑客的方式呢？

这是我用来显示div的代码：

$("#country_slide").show();

Answer 1

$("#country_slide").show(function() {
    $("html, body").animate({ scrollTop: $(document).height() });
});

没有动画：

$("#country_slide").show(function() {
    $("html, body").scrollTop($(document).height());
});

Answer 2

采用：

$('#country_slide').show(function() {
    $('html, body').animate({
         scrollTop: $("#country_slide").offset().top
    }, 2000);
});