ローディングイメージの再配置

Question

私は、ユーザーがASP.NETページ上のアクションに対する応答を待っているときに表示されるローディングイメージ（gif）を持っています。

それが現在実装されています方法がある：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」表示は常に上から30pxと中心に行います

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

。 そしてすべてがロードされたら、ただ#loadingbarを削除することができます。