移动DIV至底部，并滚动

-1

你好，我是要去使用此为我的网站底部栏时，下面，这里是代码：移动DIV至底部，并滚动

<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搜索了很多但我找不到将它移动到底部的方法，并且每当我向下滚动时它都停留在那里，有点像固定位置。该代码也位于代码的顶部，尽管这可能并不重要。这只是一个例子，但我不知道如何解决这个问题，因为这些问题发生在我身上。

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

来源

2017-07-30 Heine

你好。所以你希望酒吧总是可见的，并坚持到页面的底部，用**你滚动**？为此，你正在寻找'position：fixed'。如果你希望它最初被隐藏，并且保持在内容的底部（**而不是与你一起滚动），你正在寻找'position：relative'。 –

http://devdocs.io/css/position – Vivick

由于Obsidian Age和Vivick提到你可以使用position: fixed;一个元素粘到页面的底部。

CODEPEN

根据其定位fixedDevDocks项目被认为绝对定位，因此，它们是从正常的文档流中去除，它们的位置根据屏幕视区计算，他们不动当文档滚动时。

来源

2017-07-30 22:49:23

移动DIV至底部，并滚动

回答

相关问题