静态定位div盒问题

时间:2011-02-13 08:44:10

标签: javascript html css

我需要一个处于静态位置的div框,这意味着当有人向下滚动页面时,div保持在相同的位置。

我已经google了很多,我找到了一些解决方案,但他们都使用了左上角,右上角等定义的位置。我需要一个解决方案,无论div在哪里都可以工作。所以基本上脚本需要采取当前位置并将其设置为固定位置,或者不能使用固定的X / Y位置。

有什么想法吗?

谢谢,

3 个答案:

答案 0 :(得分:1)

您需要为您的元素使用position:fixed

示例:

#dv{
  position:fixed; /* this is important for you */
  width:200px;
  height:200px;
  background:blue;
}

Check out the example

请注意,即使您滚动,div仍然存在:)

答案 1 :(得分:1)

答案 2 :(得分:0)

我不完全确定你的意思'不管div在哪里',但是,如果你不能使用position:fixed,你可以在Javascript中有一个onscroll事件。你可以在那里更新div的位置。请注意,这通常不够快,看起来不够流畅。