Traté de implementar una rueda giratoria de carga con fondo en mi página.

Mi css para el telón de fondo se ve así

 .backdrop { position:absolute; top:0; width: 100vw; height: 100vh; z-index: 999; background-color: rgb(0,0,0,0.2); }

mi spinner css se ve así:

 .spinner { position: relative; top: 50%; left: 50% }

Mi problema es que mi lista (la ventana gráfica) se puede expandir debido a la función de carga de más elementos cuando el desplazamiento llega cerca del final de la ventana gráfica. Cuando me desplazo hacia abajo, no puedo ver mi fondo y la rueda giratoria también.

Alguna idea de como resolver esto ?

Muchas gracias de antemano !