jq 使页脚固定在底部
js文件:
$(window).bind("load", function() {
var footerHeight = 0,footerTop = 0;
positionFooter();
//定义position Footer function
function positionFooter() {
//取到div#footer高度
footerHeight = $("#footer").height();
//div#footer离屏幕顶部的距离
footerTop = ( $(window).scrollTop()+$(window).height()-footerHeight)+"px";
//如果页面内容高度小于屏幕高度,div#footer将绝对定位到屏幕底部,否则div#footer保留它的正常静态定位
if ( ($(document.body).height()+footerHeight) < $(window).height()) {
$("#footer").css({
position: "absolute"
// left:"0"
}).stop().animate({
top: footerTop
});
} else {
$("#footer").css({
position: "static"
});
}
}
$(window).scroll(positionFooter).resize(positionFooter);
});