2011-07-29 202 views
1

这应该是相当简单,但位置:固定和绝对位置不起作用!将元素固定在父滚动Div内的位置Div

代码:

<div id="parent"> 
    <div id="jqueryUIProgressBar"></div> 
    <!-- dynamic content --> 
    <div></div> 
    ... ... ... 
    <div></div> 
</div> 

这个div是高约300像素,并且里面的内容是垂直滚动。按预期方式滚动到顶部时,进度条会出现在div的顶部。

但是当向下滚动时,我仍然喜欢进度条出现在div顶部!

enter image description here

当我的进度条滚动向下滚动与内容的休息!

我希望它保持它在顶部!

香港专业教育学院的尝试:

#jQueryProgressBar { 
    position: fixed 
} 

随着位置是:绝对的,左:0,上:0,浮动:左各种

只是一些快速的帮助,请

回答

5

您需要设置position: fixed,然后设置topleft,如下所示:(未测试,应该工作)

#jQueryProgressBar { 
    position: fixed; 
    top: 200px; /*change*/ 
    left: 100px; /*change*/ 
} 
+0

我知道这会很简单,我现在觉得很愚蠢;)哈哈一个问题,但。而不是把它放在左边:0 right:0相对于父div,它是相对于页面做的,进度条现在在页面的顶部。任何想法如何使它从其父母div的位置inhert? –

+0

在父母上设置'position:relative'。 ;) – Abraham