分享

Jquery 实现让页脚始终在页面底部

 四两哥 2012-02-29
Jquery 实现让页脚始终在页面底部:


重定位页脚函数:
function repositionFooter()
{
var h=$(window).height();
$(".footer").css('min-height',h-Header的高度);
}
用户调整窗口大小时,重定位页脚
var resizeTimer=null;
$(window).bind('resize',function(){
if(resizeTimer)  clearTimeout(resizeTimer);
resizeTimer=setTimeout(repositionFooter,100);
});

页面加载时重定位页脚
$(document),ready(repositionFooter);

. footer 是内容box的class,这段代码的作用是:获取当前document对象的高度,然后减去header的高度,设给内容box,于是页脚就在屏幕最下面了。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多