页脚js控制在底部显示

当内容不够无法撑开页面时，需要将尾部一直固定在页面底部，JS实现页脚在浏览器可视范围内始终置底。

<script type="text/javascript">
        $(window).bind("load", function() {
            var footerHeight = 0;
            var footerTop = 0;
            positionFooter();
            function positionFooter() {
                // 获取页脚的高度
                footerHeight = $(".footWrap").height();
                // 获取页脚的高度
                /*
                    scrollTop() 设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
                */
                footerTop = ($(window).scrollTop()+$(window).height()-footerHeight)+"px";
                //如果页面内容高度小于屏幕高度，div#footer将绝对定位到屏幕底部，否则div#footer保留它的正常静态定位
                if(($(document.body).height()+footerHeight) < $(window).height()) {
                    $(".footWrap").css({ position: "absolute",left:"0" }).stop().css({top:footerTop});
                }
            }
            $(window).scroll(positionFooter).resize(positionFooter);
        });
</script>

有两处$(".footWrap")，需要将页脚的类样式名称footWrap修改成需要的名称即可，还要引入jquery文件。如

<script src="/static/plugins/jquery-3.3.1.js"></script>