Jquery 如何让元素在不使用固定位置的情况下捕捉到屏幕底部

页脚元素需要捕捉到屏幕的底部，但它不能使用固定位置，因为如果内容太长，它仍然会在那里

目前，CSS：

#footer {
background-color: black;
min-height: 40px;
padding-top: 70px;
width: 100%;
position: relative;
}

---

现在，如果您的屏幕很小，它会正确显示，但是如果屏幕太大，页脚下面会有一个间隙

您可以尝试将其包装在一个div中，并给该div一个页脚高度的填充底部，然后给该包装div一个相对位置，给页脚一个绝对位置bottom:0px。虽然无法测试atm，但我不明白为什么这不起作用

如果这不起作用，请尝试使用jquery将页脚高度添加到包装器div的高度

大概是

$('#wrapper').height($(this).height() + $('#footer').height());

---

这将得到它并使用相同的position元素：）

您可以尝试将它包装在一个div中，并给该div一个页脚高度的填充底部，然后给该包装div一个相对位置，给页脚一个绝对位置bottom:0px。虽然无法测试atm，但我不明白为什么这不起作用

如果这不起作用，请尝试使用jquery将页脚高度添加到包装器div的高度

大概是

$('#wrapper').height($(this).height() + $('#footer').height());

这将得到它，并使用相同的位置元素：）

请参阅Matthew James Taylor的演示

我已经做了很多次，取得了巨大的成功

请参见Matthew James Taylor的演示

---

我已经做了很多次了，取得了巨大的成功

你应该看看这个：你应该看看这个：