JS: jQuery 生成一个自动停靠页尾效果 | position footer

js-positionfooter.js

// jQuery 生成一个自动停靠页尾效果
// Window load event used just in case window height is dependant upon images
$(window).bind("load", function() {
	var footerHeight = 0;
	var footerTop = 0;
	var $footer = $("#footer");
	positionFooter();

	function positionFooter() {
		footerHeight = $footer.height();
		footerTop = ($(window).scrollTop() + $(window).height() - footerHeight) + "px";
		if (($(document.body).height() + footerHeight) < $(window).height()) {
			$footer.css({
				position: "absolute"
			}).stop().animate({
				top: footerTop
			});
		} else {
			$footer.css({
				position: "static"
			});
		}
	}

	$(window).scroll(positionFooter).resize(positionFooter);
});