Javascript 如何有条件地；粘的；页脚？_Javascript_Jquery_Css

Javascript 如何有条件地；粘的；页脚？

javascript jquery css

Javascript 如何有条件地；粘的；页脚？,javascript,jquery,css,Javascript,Jquery,Css,我试图使我的页脚“粘性”，但高度不同，所以不能使用我找到的大多数方法或flexbox。有没有办法用javascript检查div下有多少空间，这样我就可以添加那么多的边距 html如下所示： <container> <header></header> <body><sometimes sub content></sub content></body> <footer>

我试图使我的页脚“粘性”，但高度不同，所以不能使用我找到的大多数方法或flexbox。有没有办法用javascript检查div下有多少空间，这样我就可以添加那么多的边距

html如下所示：

  <container>
     <header></header>
     <body><sometimes sub content></sub content></body>
     <footer></footer>
   </container>

还尝试将页脚放在容器外部，在一些解决方案中看到了这一点，但它们都需要固定的高度

您可以将

main

最小高度设置为

100vh

，并将页脚绝对置于底部。干管的底部填充应至少达到页脚的高度，并且

框大小：边框框

应达到干管的

100vh

高度

不过，下面的示例可以看到粘性页脚的作用

正文{
保证金：0；
}
主要{
位置：相对位置；
填充底部：60px；
最小高度：100vh；
框大小：边框框；
}
.隐藏{
背景：蓝色；
高度：100vh；
}
主：不（：悬停）>。隐藏{
显示：无；
}
页脚{
位置：绝对位置；
宽度：100%；
高度：50px；
底部：0；
背景：红色；
}


短文
长篇
我是页脚

您可以检查

$（文档）.height（）>$（窗口）.height（）

。这将告诉您内容的高度是否比视口长。如果是这样，请将页脚留在原处。如果文档高度是，那么如果您可以添加一些HTML标记和javascript代码，这将有助于其他人理解您的问题。这与其说是div下的空间，不如说是页脚的高度，是吗？我假设你的问题是你的页脚掩盖了内容，对吗？如果是这样，如果页脚没有边距/填充，您只需执行

$（“body”）.css（“margin bottom”），$（“footer”）.height（）+“px”不，在页数不多的页面上，页脚在屏幕的结尾，在屏幕的中间。我想把它贴在窗口的底部，但是在其他页面上，我想要更多的内容。content@nick啊，好吧，这更有意义。你可以检查一下$（文档）.height（）>$（窗口）.height（）
。这将告诉您内容的高度是否比视口长。如果是这样，请将页脚放在原处。如果文档高度哇，太奇怪了！为什么要将我的编辑内容拆分为新帖子？关于您的mod标志，很遗憾，我们在这方面无能为力。虽然我们可以合并两个问题（将答案从副本移动到主副本，保留其投票），我们无法合并两个答案。我不知道您的编辑是如何拆分为新帖子的。它们不应该被拆分。如果您确定没有无意中单击“添加另一个答案”，然后你应该在上发布错误报告。无论如何，关于手头的问题，唯一能做的就是删除旧的、过时的答案。我已经为你做了。只损失了10分；没什么大不了的。