重新定位加载图像

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“position”属性

示例：

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

这将使您的“loadingbar”从顶部始终显示为30px并居中。 然后一旦加载完所有内容，你就可以删除#loadingbar。