Repositionnement chargement de l'image

Question

J'ai une image de chargement (gif) qui s'affiche lorsqu'un utilisateur attend une réponse à une action sur une page ASP.NET.

La façon dont il est mis en œuvre est actuellement:

Dans un fichier JS, j'ai:

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

Dans la page principale, j'inclure ce fichier javascript

J'ai du code qui montre/cache l'image.

Cela fonctionne très bien lorsqu'un utilisateur regarde en haut de la page. Mais une fois, il défile, l'image n'est évidemment pas vue. Existe-t-il un moyen de repositionner l'image en fonction de la position de la page dans laquelle se trouve l'utilisateur?

Answer 1

essayez d'utiliser la propriété css « position » avec la valeur « fixe »

exemple:

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

qui fera de votre « loadingbar » apparaissent toujours 30px du haut et centré. puis une fois que tout est chargé, vous pouvez simplement supprimer la #loadingbar.