css - 当页面滚动时，强制 div 元素保持在同一个位置

Question

我创建了一个div元素，一直放在我网站的右侧。唯一的问题是它在网站的顶部，所以如果我向下滚动它仍然在那里。

滚动页面时，如何强制它保留在页面的同一部分？

这是，到目前为止我已经设法弄清楚自己：

<div style="width: 200px; background-color: #999; z-index: 10; position: absolute; right: 0; top: 0; height: 83px;">
</div>

score 78 · Accepted Answer

78

更改position:absolute为position:fixed;。

示例可以在这个 jsFiddle中找到。

于 2013-09-11T16:31:36.853 回答

score 9 · Accepted Answer

9

使用position: fixed而不是position: absolute.

于 2013-09-11T16:33:09.310 回答

score 7 · Accepted Answer

7

您可以通过替换来执行此position:absolute;操作position:fixed;。

于 2015-08-16T14:02:35.120 回答

score 1 · Accepted Answer

你的代码有问题。

position : absolute使元素位于顶部，而与同一页面中的其他元素无关。但位置不相对于滚动

这可以通过position : fixed这个属性来解决，这将使元素位置固定并且仍然相对于滚动。

或者

score 1 · Accepted Answer

.dvfixed{
  position: absolute;
  left: 100px;
  right: 10px;
  bottom: 5px;
  top: 5px;
}

或者

.dvfloat{
  float:right;
}

5 回答 5