我有一个有几页的网站.每个页面都有不同的高度(显而易见,但我提到它).

我想要实现的是,如果页面内容低于浏览器视口,则页脚标记将获得固定位置并将与页面底部对齐.

我试过这个js：

@H_404_6@$(function(){ if ($(document).height() > $("footer").offset().top+44) { $("footer").addClass('fixbottom'); } } }); $(window).resize(function() { if ($(document).height() > $("footer").offset().top+44) { $("footer").addClass('fixbottom'); } });

那个css：

@H_404_6@.fixbottom { width: 100%; position: fixed; bottom: 0; } footer { height:44px; background: #7abde9; color: #ffffff; text-align: center; }

我的jquery中的前44位是因为我的页脚标记高度为44
iv’e使用文档准备好和窗口调整大小以确保所有情况都应该满足,但不幸的是,这似乎在任何情况下都不起作用.

任何帮助都应该受到极大的关注