頁腳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>