位置保持不变的 Javascript 或 CSS 静态栏

Question

我见过很多次，有些网站使用一种按钮或一种栏，它们总是 float 到特定位置，如屏幕左边缘或屏幕底部，每当我们向下滚动页面时它位置保持不变..

如何通过 CSS 或 javascript 或 jquery 应用它。

提前致谢，上师

Answer 1

实现该效果的最简单方法是position: fixed

<div style="position: fixed; left: 64px; top: 64px">Hey, I'm fixed!</div>

来自 quirksmode.org :

An element with position: fixed is taken out of the normal flow of the page and positioned at the desired coordinates relative to the browser window. It remains at that position regardless of scrolling.

唯一的缺点:不适用于 IE6。