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

Question

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

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

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

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

Answer 1

将position:absolute更改为position:fixed;。

可以找到示例in this jsFiddle。

Answer 2

使用position: fixed代替position: absolute。

请参阅here。

Answer 3

您的代码有问题。

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

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

或

您可以签出Here

Answer 4

1. 您可以使用 position : absolute 并使用如下 css 参数调整对齐方式。

<块引用>

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

或

2. 你可以像下面那样使用浮动。

<块引用>

.dvfloat{
  float:right;
}