Question

在我的页面上，所有元素都具有绝对位置。其中一些位于顶部，一些位于页面底部。但是当我添加一个额外的元素，以显示新闻文本，在页面的中心，它隐藏在对齐底部的元素下。在滚动时，在底部对齐的元素，它保持在同一个地方，中位数继续下降。但是我需要，当页面可滚动时，底部元素总是粘在底部。

.top-element {
  position: absolute;
  top: 0;
  left: 0;
}
.middle-element {
  position: absolute;
  top: 300px;
  left: 0;
}
.bottom-element {
  position: absolute;
  bottom: 0;
  left: 0;
}

<div class="top-element">MUCH TEXT IS HERE</div>
<div class="middle-element">MUCH TEXT IS HERE</div>
<div class="bottom-element">MUCH TEXT IS HERE</div>

如果中间元素内容高度超过窗口大小，则底部元素保留在同一位置。

Answer 1

您应该将postion: absolute更改为底部元素的fixed

当页面上的所有元素都具有绝对位置时滚动？

1 个答案: