移动DIV至底部,并滚动
问题描述:
你好,我是要去使用此为我的网站底部栏时,下面,这里是代码:移动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
答
由于Obsidian Age和Vivick提到你可以使用position: fixed;
一个元素粘到页面的底部。
根据其定位fixed
DevDocks项目被认为绝对定位,因此,它们是从正常的文档流中去除,它们的位置根据屏幕视区计算,他们不动当文档滚动时。
你好。所以你希望酒吧总是可见的,并坚持到页面的底部,用**你滚动**?为此,你正在寻找'position:fixed'。如果你希望它最初被隐藏,并且保持在内容的底部(**而不是与你一起滚动),你正在寻找'position:relative'。 –
http://devdocs.io/css/position – Vivick