当页面滚动时,强制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;.

例子可以在这个jsFiddle中找到.

Answer 2

Use position: fixed instead of position: absolute.

See here.

Answer 3

您可以替换position:absolute;为position:fixed;.