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

转载于:https://www.cnblogs.com/wendy-home-5678/p/5209686.html