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,于是页脚就在屏幕最下面了。
|
|