javascript - Jquery Expanding div - 如何滚动到它

Question

基本上我的网站上有一个停靠的页脚，它位于页面的最底部。然后我在它下面有一个空的 div “country_slider”，它可以用 jQueryshow和hide函数来扩展。问题在于，通过 CSS hack，页脚 div 已经位于页面底部，因此当“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);
});