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");
}