Позиционирование загрузки изображения

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" со значением "fixed"

пример:

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

Это заставит вашу «полосу загрузки» отображаться всегда на 30 пикселей сверху и по центру. а затем, когда все загружено, вы можете просто удалить панель загрузки #.