Question

如何在屏幕中心设置ajax的更新进度。当我向下滚动页面时，问题就出现了，它出现在滚动的屏幕的上半部分。

<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>

Answer 1

我猜问题是位置属性，因为你相对于文档坐标而不是窗口定位框。使用：

position: fixed;

这里有更多关于position properties

的信息

Answer 2

我从下面链接找到了解决方案。 http://devarchive.net/update-progress-indicator.aspx

更新屏幕中心的进度

2 个答案: