底部屏幕显示HTML页脚，但不粘性

我希望在屏幕底部有一个页脚，无论大小。我已经找到了很多解决方案，但这些页脚都是粘性页脚。

---

我要找的是一个页脚，它位于屏幕底部，但是当用户向下滚动时，页脚也会变小

---

在下箭头是在屏幕的底部，无论屏幕大小。当用户滚动时，箭头也会滚动。这就是我要找的。

您给我们提供的示例是在容器元素上使用动态高度，以便无论发生什么情况，容器都保持屏幕高度

这可以通过以下代码完成：

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

位置：fixed

那样附着到屏幕位置

编辑

---

“页脚”后面有内容的示例，在这种情况下，我不会命名元素页脚，但这基本上就是您要查找的：

尝试在父包装元素中使用

vh

（视口高度）单位：

HTML:

---

试试这个，它会正常工作的

---

在这里输入code

可能的位置：固定？固定的位置正是他不想做的；）“我要找的是一个位于屏幕底部的页脚，但是当用户向下滚动时，页脚也会变暗。”这让我很困惑。谢谢，这就是我要找的。谢谢，这是我要找的一个更简单的解决方案

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

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