当页面滚动时，强制 div 元素留在同一个地方

Question

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

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

到目前为止，这是我设法弄清楚的：

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

原文由 soniccool 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

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

原文由 Anton D 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

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

看 这里。

原文由 user2769260 发布，翻译遵循 CC BY-SA 3.0 许可协议