2011-12-23 4 views
0

화면 가운데에서 아약스의 업데이트 진행률을 설정하는 방법. 문제는 내가 페이지를 아래로 스크롤했을 때 화면의 상단 부분에 스크롤됩니다.화면 중앙에서 진행 상황 업데이트

<div class="CenterPB" style="height:60px;width:60px;" > 
         <img alt="Loading..." src="abc.gif" width="16" height="16" border="0"> 
         </div> 

<style type="text/css" media="screen"> 

.CenterPB{ 
position: absolute; 
left: 50%; 
top: 50%; 
margin-top: -30px; /* make this half your image/element height */ 
margin-left: -30px; /* make this half your image/element width */ 
} 
</style> 
+0

내가 말하는 문제를 재현 할 수 없었습니다. 이것이 내가 이것을 시도하고 복제 한 이유입니다. http://jsfiddle.net/3N53C/ 답변이 도움이되기를 바랍니다. – laymanje

+0

[http://devarchive.net/update-progress-indicator.aspx] (http://devarchive.net/update-progress-indicator.aspx) – Pankaj

답변

1

문제는 위치 속성에있는 것 같아요. 창 대신 문서 좌표에 상대적으로 위치 지정하는 상자입니다. 사용 : 여기

position: fixed; 

내가 아래 링크에서 해결책을 찾았 더

관련 문제