重新定位加載圖像

Question

我有一個加載圖像（gif），當用戶等待ASP.NET頁面上的操作響應時顯示。

它目前實施的方法是：

在JS文件，我有：

document.write('<span class="loadingbar" ID="loadingbar"><p>Loading Data... </p>'); 
document.write('<img id="loadingbarimage" src="Images/loading.gif" />'); 
document.write('</span>'); 

在母版頁，我有這個JavaScript文件

我有代碼演示/隱藏圖像。

當用戶查看頁面頂部時，它非常適用。但是，一旦他滾下來，圖像顯然是看不到的。有沒有辦法根據用戶所處的頁面位置來重新定位圖像？

Answer 1

嘗試使用CSS的「位置」屬性與「固定」值

例如：

#loadingbar{ 
position: fixed; 
display:block; 
top: 15%; 
left: 50%; 
margin-left: -10px; /* half of the width */ 
z-index: 9999; 
width:200px; 
} 

這將使你的「loadingbar」顯示總是從頂部30PX和居中。 然後一旦一切都加載，你可以刪除#loadingbar。