Question

我想在屏幕底部放一个页脚，无论大小。我已经为此找到了许多解决方案，但这些页脚是粘性页脚。我正在寻找的是页脚位于屏幕底部的页脚，但是当用户向下滚动时，页脚也会出现问题。

在this中，无论屏幕大小如何，屏幕底部都会显示向下箭头。当用户滚动时，箭头也会滚动。这就是我正在寻找的。

Answer 1

您提供给我们的示例是在其容器元素上使用动态高度，以便容器无论如何都保持屏幕高度。

可以使用以下代码完成此操作：https://jsfiddle.net/6jvs0kv3/

基本上我正在做的是调用一个获取屏幕高度的javascript函数，并使主容器的高度减去页脚高度，这样页脚在那种情况下保持可见但不像{{{{{{{ 1}}会做

修改在“页脚”之后的内容示例，在这种情况下我不会命名元素页脚，但这基本上是你要找的东西：https://jsfiddle.net/6jvs0kv3/1/

Answer 2

尝试在父包装元素中使用vh（视口高度）单位：

HTML：

<section>
    text1
    <footer>footer text</footer>
</section>
<section>
    text2
</section>

CSS：

section {
    height: 100vh;
}
footer {
    bottom: 0;
    position: absolute;
    background-color: yellow;
}

Answer 3

试试这个它会正常工作

{{3}} enter code here