雅涵

个人网站:https://wenyayun.com

导航

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

posted on 2016-02-23 14:00  Mona-雅  阅读(234)  评论(0编辑  收藏  举报