问题标签 [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.
javascript - 浮动页脚仅在用户向下滚动 200 像素后出现
我正在构建一个需要页脚的站点，该页脚将始终浮动在浏览器窗口的底部。
但是，这只会在用户向下滚动 200 像素后出现。然后它应该就地滚动（就好像页脚附加到 200 像素外的内容，但自身附加到浏览器窗口）。
一旦用户向上滚动，就需要再次隐藏它。
如何才能做到这一点？
css - CSS 粘滞页脚问题
可能重复：
CSS 粘性页脚
我正在尝试实现 CSS 粘性页脚，但由于某种原因，页脚和下一页底部之间有一个边距：
http://berrisford.gumpshen.com/
同样的事情发生在这里：
http://berrisford.gumpshen.com/jobs/executive/senior-executive/
任何帮助将不胜感激
html - 无法使页脚粘在页面底部
smiths-heimann.az 是我的网站。尝试了来自http://www.cssstickyfooter.com/的所有说明，但它对我不起作用（证明它不起作用http://smiths-heimann.az/?page=3）。请帮助我将页脚添加到页面底部并 提前删除 2 个 div 之间的空行http://prntscr.com/2e2fp Thx
jquery - 滚动超过一定高度后使用jQuery隐藏HTML元素
我正在尝试在这里为演示制作一些原型。
我希望它像这样工作：
当视口高度小于 900 像素时，页面底部会附加一个固定位置的页脚。
- 一旦页面上的滚动位置超过某个阈值，此页脚就会被隐藏
当视口大于 900 像素时，它的行为就像普通页面一样......页脚将出现在内容之后。
我只是用背景图像制作原型。我实际上是在尝试执行您在 iOS 联系人应用程序中看到的操作（您正在查看的字母会一直停留，直到您滚动过去然后它会向上移动），只是我在底部而不是顶部进行操作。有没有人在浏览器中这样做过？
我可以使用媒体查询根据视口大小显示/隐藏粘性页脚，但我不知道如何对滚动位置做同样的事情。
css - 使用液体/流体布局实现 css 粘性页脚的问题
我正在尝试实现 CSS Sticky Footer 方法，如cssstickyfooter.com所示。（我也尝试过Ryan Fait 的解决方案，但无济于事）。
我已经遵循了一切，或者至少我认为我已经遵循了。我有一个容器div（他们称之为 wrap）、一个徽标栏（他们称之为页眉）和一个页面div（他们称之为 main）然后我有我的页脚。
所以这就是问题所在，如果我打开了overflow:auto，那么我会得到一个非常短div的滚动条（恶心）。但是，如果我注释掉我所有的内容显示，但页面仍然认为它的大小与未注释掉div的大小相同。overflow:auto
否则它会正常工作。页脚停留在底部，调整大小时，它停在短 page/main 处div。有没有办法让它深入到我的内容的底部？我应该提到我不能为我的页面/主页面使用固定高度，div因为我需要它根据div它包含的 's 的大小来调整大小（以当时可见的那个为准）。
它可能是也可能不是导致问题的页脚，无论哪种方式我都可以使用一些帮助来解决这个问题。
HTML：
CSS：
layout - CSS自动高度和粘性页脚
我正试图围绕 CSS 定位指南。我试图弄清楚如何制作一个粘性页脚，但是当主要内容区域不能再被压缩时让它停止粘性。我正在谈论的一个例子可以在这里找到http://ryanfait.com/sticky-footer/。有人可以向我解释为什么页脚不再粘滞，特别是哪些 CSS 属性会导致这种情况发生吗？对我来说，当我查看 CSS 时，看起来页脚应该始终粘在浏览器窗口的底部，但这里不是这种情况。为什么？
谢谢您的帮助。
jquery - Is a reverse sticky scroller using jquery possible?
I'm trying to create an effect on a website where an element is fixed to the bottom of the browser using the following CSS:
and what I want to happen is to use something like this http://vertstudios.com/blog/demo/stickyscroller/demo.php to stop the item from scrolling UP past a certain point. I have a logo placed at the top of the site positioned absolutely, and don't want the fixed item to overlap it if the browser is not tall enough. So I'm trying to get it to not be able to scroll past a buffer of around 800px at the top, but still stay fixed at the bottom of the page.
css - 放大时如何防止粘性页脚与内容上方重叠
我有一个带有粘性页脚的网页，当放大太多时，页脚及其内容与上述内容重叠。我该如何防止呢？链接在这里：
css - 粘性页脚未按计划工作
我有一个在音乐网站上运行良好的粘性页脚，但是，当我单击专辑最多的流派时，它不会使页面变长并且它们重叠。这使得链接不可读，因为页脚中的部分图像位于它们后面。
这是我的粘性页脚代码