상위 스크롤 가능한 위치의 요소에 요소 고정

Question

이것은 다소 단순하지만 위치 : 고정 및 절대 위치가 작동하지 않아야합니다!

코드 :

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

이 사업부는 약 300 픽셀 높이를, 그리고 내용이 내부 수직 스크롤입니다. 진행률 표시 줄은 예상대로 오른쪽 위로 스크롤 할 때 div 상단에 나타납니다.

하지만 아래로 스크롤하면 div의 상단에 진행률 표시 줄이 표시됩니다.

때이 내용의 나머지와 함께 진행 표시 줄 스크롤을 아래로 스크롤!

정상에있는 곳에 머물고 싶습니다! 절대 왼쪽 :

#jQueryProgressBar { 
    position: fixed 
} 

위치와 함께 :

필자는 시도, 공 플로트 : 최고, 0 모든 종류의에게

그냥 몇 가지 빠른 도와 줘요 당신은 설정해야

Answer 1

왼쪽

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

(검증되지 않은 작동합니다) : position: fixed 다음은 다음과 같이뿐만 아니라 top 및 left을 설정