固定定位Div在另一个Div内

Question

我有一个div position:fixed;,我的问题是固定位置相对于所有页面,我需要固定的div保持在页面居中的其他div中,其中页边距为auto.(所以当我向下滚动页面时我想要总是把div看到同一个位置).

我使用jquery插件StickyScroll但我无法在Internet Explorer中使用它.

解决方案可以是jquery/javascript,css.

谢谢

Answer 1

那你不要固定定位,而是绝对定位.

设置要position: absolute;放置的元素.设置position: relative;在居中的div上,使其成为可以将元素放置在内部的图层.

Answer 2

你绝对不需要jQuery或JavaScript来实现这一目标.这就是你需要的:HTML:

.outer {
    width:200px;
    height:600px;
    background-color:red;
    margin:0 auto;
}
.inner {
    width:50px;
    border:1px solid white;
    position:fixed;
}

CSS:

<div class="outer">
    <div class="inner">some text here
    </div>
</div>

看看这个:http://jsfiddle.net/2mYQe/1/

Answer 3

只需对 George Katsanos 代码进行一点更改可能会对某些人有所帮助。

.outer {
    width:200px;
    height:300px;
    background-color:red;
    margin:0 auto;
    overflow:auto;    
}

.inner {
    width:182px;
    border:1px solid white;
    position:absolute;
    background-color:buttonface;
}

示例位于： http: //jsfiddle.net/2mYQe/480/