Javascript 设置页脚动画时保持在底部

Javascript 设置页脚动画时保持在底部,javascript,jquery,html,Javascript,Jquery,Html,我有一个footer#footer,其中包含公司位置。当我加载带有hash#location的联系人页面时,javascript滚动到页面底部,并进行回调以放大页脚,因为它是重要的元素。如何在页面保持在底部的同时增加页脚的大小(这样看起来就像页脚向上推内容一样) 我将此添加到函数中 $("html, body").animate({ scrollTop: $(document).height() }, "slow"); 看来 function exfoot(){ var $f = $(

我有一个
footer#footer
,其中包含公司位置。当我加载带有hash
#location
的联系人页面时,javascript滚动到页面底部,并进行回调以放大页脚,因为它是重要的元素。如何在页面保持在底部的同时增加页脚的大小(这样看起来就像页脚向上推内容一样)


我将此添加到函数中

$("html, body").animate({ scrollTop: $(document).height() }, "slow");
看来

function exfoot(){
    var $f = $("footer#footer");
    $f.animate({
        height: $f.height()*2
    }, "slow");
    $("html, body").animate({ scrollTop: $(document).height() }, "slow");
}

$f.animate和body,html.animate的速度必须相同,因此它们同时动作。

试着简化一下。如果你找到了解决方案,你应该将其作为问题的答案添加,而不是编辑问题以包含答案。@AndrewPolland,但是提问者自己给出答案可以吗?@PratikJoshi是的,如果提问者有答案,那么分享它是很好的,这样其他人可以受益。仅仅在问题中包含答案是混乱的。所以它应该被添加为一个符合系统设计的答案。哦,我想:=>如果提问者知道答案,为什么他会问:)
function exfoot(){
    var $f = $("footer#footer");
    $f.animate({
        height: $f.height()*2
    }, "slow");
    $("html, body").animate({ scrollTop: $(document).height() }, "slow");
}