重新定位加载图像

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。