Html 滚动时将div移动到底部并跟随

您好，我打算在我的网站上使用这个底部栏，下面是代码：

<div class="bottombar">Text here</div>

我在谷歌上搜索了很多次，但我找不到一种方法将它移动到底部，每当我向下滚动时，它都会停留在那里，有点像固定位置一样。html代码也位于代码的顶部，尽管这可能无关紧要。 这只是一个例子，但我想知道如何解决这个问题，因为这类问题经常发生在我身上

站点（不是我试图添加的代码，只是为了查看代码等）：

如前所述，您可以使用

位置：固定

将元素粘贴到页面底部

---

根据定位的项目

固定的

被视为绝对定位的，因此，它们将从正常文档流中删除，它们的位置根据屏幕视口计算，并且在文档滚动时它们不会移动。

Hi。所以你想让这个条始终可见，并贴在页面底部，与你一起滚动？为此，您需要查找

位置：fixed

。如果您希望它最初被隐藏，并停留在内容的底部（不与您一起滚动），那么您需要查找

位置：relative

。

.bottombar {
  position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    background-color: #efefef;
    text-align: center;
}