Javascript或CSS静态条，其位置保持不变

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

如何通过CSS、javascript或jquery应用此功能

提前感谢,，

---

古鲁

实现这一效果的最简单方法是

位置：固定

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

嘿，我修好了！ 发件人：

具有position:fixed的元素将从页面的正常流中取出，并定位在相对于浏览器窗口的所需坐标处。无论滚动，它都会保持在该位置

---

唯一的缺点：与IE6不兼容

JQuery:

.someclass {
  position: fixed;
  top: 33px;
  right: 55px;
}

CSS:

您只需将

position

设置为

fixed

，并根据您要使其显示的位置将其设置为

top

、

left

、

bottom

和

right

，例如：

<style>
#some_id
{
  position:fixed;
  top:100px;
  left:100px;
}
</style>

#一些
{
位置：固定；
顶部：100px；
左：100px；
}

现在，将该样式id指定给要修复的图元：

<div id="some_id">So, I'm FIXED :)</div>

所以，我已经修好了：）

资源：

---

此外，您还可以添加z-index属性，以便在其他内容上显示内容，这有助于将div显示为单独的对象，而不考虑页面内容

例：

嘿，我修好了！

---

值1000用于覆盖任何其他元素的z-index属性

我当天没有投票权，或者我会给出+1：这是唯一真正像答案的东西。来吧，伙计们，我们什么都不要急。嗨，佩卡，虽然你猜chrome很好用，但IE不行8@Guru我100%确定

位置：固定
与IE 8配合使用。查看quirksmode.org上的示例。你能发布一个不起作用的例子吗？嘿，我已经修好了！a
a
a
a
a
a
a
a
a
等等…………以上是我正在使用的示例代码。。。。请做点什么，谢谢你的帮助：）
<div style="position: fixed; z-index:1000; left: 64px; top: 64px">Hey, I'm fixed!</div>