无论您在页面上的哪个位置，如何制作一个保持固定位置的 div？答案

【问题标题】：How do I make a div that stays in a fixed position regardless of where you are on the page?无论您在页面上的哪个位置，如何制作一个保持固定位置的 div？
【发布时间】：2010-04-17 16:50:50
【问题描述】：

案例示例：我有一个很长的项目列表，当我将鼠标放在此 div 上时，会更改为该项目的图片。无论您滚动到哪里，div 都保持在固定位置。

有点像框架。

【问题讨论】：

标签： javascript html css xhtml

【解决方案1】：

使用 CSS 属性 position:fixed。

示例：<div id="items" style="position: fixed; top: 20px; right: 20px">Hello there!</div>

【讨论】：

【解决方案2】：

div 保持在固定位置。

position: fixed?测试一下here。

【讨论】：

【解决方案3】：

对于较新的浏览器，您可以使用position:fixed 在滚动时使元素跟随窗口。

如果您需要与旧版浏览器兼容，则需要一个 Javascript 来获取窗口的滚动偏移量并更改绝对定位元素的坐标。

【讨论】：

【解决方案4】：

绝对定位：

<body>
    <div style="position: absolute; top: 0; right: 0; width: 100px; height: 100px;">
    </div>
</body>

【讨论】：

将元素保持在相对于页面的固定位置，我认为OP希望它相对于窗口。
@Guffa - 我认为消息中的内容并不明确，我看到了两个固定位置的答案并发布了这个以提供替代方案，因为我不清楚他想要的结果。

【解决方案5】：

您是在询问固定位置的 div 吗？如果你想通过 css 本身来设置这个 div，你可以使用像

这样的参数

height:0px;
left:0px;
position:absolute;
top:0px;
width:0px;
z-index:1;

【讨论】：

将元素保持在相对于页面的固定位置，我认为OP希望它相对于窗口。
不固定，也可以绝对