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

Question

您好我会在我的网站上使用这个底栏，这是代码：

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

CSS：

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

我已经google了很多，但是我无法找到将其移到底部的方法，每当我向下滚动它就会停留在那里，有点像位置固定。 html代码也位于代码的顶部，即使这可能并不重要。 这只是一个例子，但我想知道如何解决这个问题，因为这些问题在我身上发生了很多。

网站（不是我要添加的代码，只是为了查看代码等）：http://roarat.me

Answer 1

提到Obsidian Age和Vivick，您可以使用position: fixed;将元素粘贴到页面底部。

CODEPEN

根据DevDocks定位fixed的项目被认为是绝对定位，因此，它们会从普通文档的流程中删除，它们的位置会被计算出来根据屏幕视口，当文档滚动时，它们不会移动。