将html页面底部内容固定到当前页的最下面

在做项目的过程中，有的页面的内容不够多，所以导致底部悬浮在半中腰，遇到这种问题可这样解决。

<div class="footer" style="width: 100%;">
    <!-- 底部内容 -->
</div>

引入js

$(function(){
    //如果页面内容高度小于屏幕高度，div#footer将绝对定位到屏幕底部，否则div#footer保留它的正常静态定位 
    $(window).bind("load", function() { 
        var footerHeight = 0, 
        footerTop = 0, 
        $footer = $(".footer_db"); 
        positionFooter(); 
        //定义positionFooter function 
        function positionFooter() { 
            //取到div#footer高度 
            footerHeight = $footer.height(); 
            //div#footer离屏幕顶部的距离 
            footerTop = ($(window).scrollTop()+$(window).height()-footerHeight)+"px"; 
           
            //如果页面内容高度小于屏幕高度，div#footer将绝对定位到屏幕底部，否则div#footer保留它的正常静态定位 
            if (