时间戳

首页 > 解决方案 > 使页脚停留在页面底部而不被剪切

javascript - 使页脚停留在页面底部而不被剪切

问题描述

我正在计算窗口高度和其他元素高度并使页脚保持在底部。我尝试使用 JavaScript，但页脚仅采用页眉元素高度并将页脚对齐在页眉下方。我想在 JavaScript 的帮助下使页脚保持在底部。使用 css 中固定的位置剪辑内容。我希望页脚随着内容的增长而增长。这就是我试图在 JavaScript 或 JQuery 而不是纯 CSS 中实现这一点的原因。

JSF中间代码

$(document).ready(function() {
function pageheight() {
debugger
  var ContainerMinHeight = ($(window).height()) - (($("header").height()) + ($("footer").height() + 27));
  $("body").css("min-height", ContainerMinHeight);
}
pageheight();;
});

标签： javascriptjqueryfooter

解决方案

使用固定定位，根本不需要使用jquery

推荐阅读