要素を親スクロール可能な範囲内の位置に固定します。Div

Question

これはやや単純ですが、位置は固定で位置絶対は機能しません。

コード：

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

このdiv要素を約300ピクセルの高さであり、そして内部のコンテンツが垂直方向にスクロール可能です。進行状況バーは、divの上部に表示されます。

しかし、スクロールするときに、私はまだ進行状況バーがdivの上部に表示されたいと思います！

私はコンテンツの残りの部分とプログレスバーがスクロールをスクロールダウン！

トップにある場所に泊まりたい！

IVEは試してみました：位置とともに

#jQueryProgressBar { 
    position: fixed 
} 

を：絶対、左：0、トップ：0、フロート：あなたが設定する必要があるだけでいくつかの簡単助けてください

Answer 1

あらゆる種類

を残しましたposition: fixedを入力し、次にtopとleftを設定します。（テストされていて、動作するはずです）

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