问题标签 [sticky-footer]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
html - 添加始终显示在屏幕底部的页脚？
即使页面内容非常小，如何添加始终位于屏幕底部的页脚
例如问题，假设我有一个页面没有显示那么多，因此页脚位于屏幕中间。我可以确保如果页面没有很多内容，那么页脚就在屏幕底部吗？
更新
当没有足够的内容来填满整个屏幕时，我只想要一个位于屏幕底部的页脚（即我不希望页脚出现在屏幕中间），然后如果有足够的内容它只是放在页面底部。
html - 如何在 HTML 和 CSS 中使用 html 对象编写粘性页脚？
我正在为我正在设计的两个网站使用 Less Framework 4。在这两种设计中，我都想在文档的顶部和底部应用一个 5 像素的边框。
问题：由于应用于body的样式，我将边框底部和边框顶部应用于html对象，因此底部边框永远不会像通常的粘性页脚情况那样粘在页面底部.
以下是两种情况的屏幕截图：
这是我用于 html 和 body 的 (LESS) CSS：pastie.org/private/us5x1vhjnwzq6zsiycnu2g
我试过height: 100%同时使用body和html对象，但它看起来是这样的：http: //prikonline.be/prikactie/
我应该如何将边框粘贴到页面底部？
html - 如何将文档的边框粘贴到底部？
我html使用下面的 (LESS) CSS 将 10px 边框应用到对象的顶部和底部。不过，它仅在文档高于视口时才有效。
这就是现在正在发生的事情。如您所见，border-bottom粘在 的底部html，但不粘在窗口的底部。
我已经尝试过填充html和body使用height: 100%; height: auto; min-height: 100%;，但它似乎根本不起作用。有什么建议么？
css - CSS Sticky Footer 的水平溢出问题
查看http://www.cssstickyfooter.com/并将浏览器窗口的大小调整为 < 600px。
注意当内容溢出超出其宽度时，页眉和页脚元素是如何不足的。
有什么办法可以防止这种情况发生，这样当页面水平滚动时，页眉和页脚就不会不足？
html - 为什么我的粘性页脚不起作用？
我正在尝试制作一个粘性页脚，但它并不适合我。
代码：http: //jsfiddle.net/PC8x7/1/
正如您在实时视图中看到的那样，页脚位于页面其余部分的下方，但您必须滚动才能到达那里。我怎样才能避免这种情况，并且只有在需要时才具有滚动条？
css - 定位在网页底部
我有一个奇怪的 CSS 问题。我有一个横幅，我需要将其放置在每一页的底部。
为此，我已将身体position: relative;和我的旗帜position absolute; bottom: 0px;
问题是我的横幅在不同页面上的位置不同， 例如： http : //www.plotsandhouses.com/node/1、http ://www.plotsandhouses.com/node/29、http://www.plotsandhouses .com/node/30
'custom-page_closure_wrapper' div 是我试图在页面底部放置的。我可以通过设置来做到这一点，position: fixed;但我真的不希望 div 始终可见 - 只有当页面底部可见或用户向下滚动才能看到它时。
谁能告诉我我错过了什么？
css - 底部有特定条件的 CSS 页脚
是否可以创建位于页面底部的页脚，并且当页面高度为例如 500 像素时，页脚将停留在该位置而不是在该高度值之后位于底部？
这个页脚会留在底部没问题，但是当页面高度低于 500px 时它仍然会在那里，那么是否可以使用 CSS 来制定这样的规则？
javascript - 可根据动态内容进行调整的 Jquery 粘性页脚
我目前在这里使用插件http://codedumper.com/jquerystickyfooter来创建贴纸页脚。
看看http://client.astam.co.uk。它可以按您的预期工作。
唯一的问题是，例如，如果出现错误消息并且用户单击以删除，或者切换的内容可用，页脚将从浏览器底部跳起来，直到调整窗口大小，然后它会自行排序.
有没有办法让插件知道重新定位自己？
css - CSS 粘滞页脚问题
我正在尝试在以下页面上实现 CSS 粘性页脚：
http://www.tuhdoo.com/test/index.htm
正如您所看到的，它在一定程度上可以工作，但屏幕底部有一个 20px 的悬垂会导致滚动（firefox）。
有人可以帮忙吗？
我正在关注本教程：
css - 我的啤酒网站上出现粘滞页脚问题
我即将推出的网站http://beerwhich.com/tester/loggedIn.html正在使用一个粘性页脚，此处解释：http ://ryanfait.com/sticky-footer/
由于某种原因，底部有一个小间隙，因此大啤酒瓶不会像应有的那样从页脚边缘流血。
知道为什么吗？我使用 .container 作为包装器，它的负边距等于 .footer 的高度