I want to show the spinner at the middle of screen and not at the center of other elem

You can do it this way: <div class="snippet-clipboard-content notranslate position

Show spinner at center of screen about spin.js HOT 6 CLOSED

shazdeh commented on June 3, 2024

Show spinner at center of screen

from spin.js.

Comments (6)

fgnass commented on June 3, 2024 5

Create a DIV and center it on the screen manually. Then use this DIV as target:

<body>
  <div id ="center" style="position:fixed;top:50%;left:50%"></div>
  <script>
    new Spinner().spin(document.getElementById('center'));
  </script> 
</body>

from spin.js.

shazdeh commented on June 3, 2024

No idea?

from spin.js.

ponmani commented on June 3, 2024

Hi fgness,
Your answer is better solution. Thank you

from spin.js.

mrded commented on June 3, 2024

You can do it this way:

<div style="text-align: center;">
  <div class="mdl-spinner mdl-js-spinner is-active" style="margin: 20px;"></div>
</div>

from spin.js.

Gennady-G commented on June 3, 2024

Create a DIV and center it on the screen manually. Then use this DIV as target:

<script> new Spinner().spin(document.getElementById('center')); </script>

Thank You much fgnass!

Best regards,
Gennady

from spin.js.

MrCsabaToth commented on June 3, 2024

All someone needs is to specify position: 'fixed' along with 50vh top and 50vw left alignment settings if you want the spinner to be always at center and not being able to scrolled away.

from spin.js.

Recommend Projects