滚动页面时不移动的绝对定位的 div答案

【问题标题】：absolutely positioned divs that don't move when page is scrolled滚动页面时不移动的绝对定位的 div
【发布时间】：2011-02-21 02:37:40
【问题描述】：

我过去曾使用类似于此的方法完成此操作： http://javascriptkit.com/javatutors/static3.shtml

但我不喜欢页面滚动时的“闪烁”效果，并且 div 需要随着滚动而移动。最近我看到很多网站都有一个元素（我认为是 div 之类的），当页面滚动时它不会移动，但它看起来很平滑......它们就在那里，这是一件美丽的事情。

不幸的是，我似乎不记得我最近在哪里看到它来查看源并试图弄清楚它，所以我想我会转过来看看你们所有的专家可以提供什么帮助 /建议。

TIA

【问题讨论】：

【解决方案1】：

尝试为元素设置“位置：固定”。

我认为这不适用于某些 IE 版本，您必须使用我们的 JS。

【讨论】：

【解决方案2】：

您链接到的那个网站仍然提到了诸如 IE 4 之类的东西，最好不要依赖它。它已经过时了。

您可以通过 position: fixed; 使用 CSS 将元素定位到固定位置。

【讨论】：

【解决方案3】：

看看 google reader。

它有一个固定的标题和一个固定的侧边栏。

【讨论】：