在做项目的过程中,有的页面的内容不够多,所以导致底部悬浮在半中腰,遇到这种问题可这样解决。
<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 (