將元素固定在父滾動Div內的位置Div

Question

這應該是相當簡單，但位置：固定和絕對位置不起作用！

代碼：

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

這個div是高約300像素，並且裏面的內容是垂直滾動。按預期方式滾動到頂部時，進度條會出現在div的頂部。

但是當向下滾動時，我仍然喜歡進度條出現在div頂部！

當我的進度條滾動向下滾動與內容的休息！

我希望它保持它在頂部！

香港專業教育學院的嘗試：

#jQueryProgressBar { 
    position: fixed 
} 

隨着位置是：絕對的，左：0，上：0，浮動：左各種

只是一些快速的幫助，請

Answer 1

您需要設置position: fixed，然後設置top和left，如下所示：（未測試，應該工作）

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