@lumb

Как разместить прелоадер на сайте?

Взял к примеру такой прелоадер https://codepen.io/Mattykins/pen/wfJqk

Поставил скрипт
/* Preloader */ 
$(window).load(function() {
    $(".demo").delay(100).fadeOut().remove();    

});


В тег body засунул
<div class='demo'>
  <div class='circle'>
    <div class='inner'></div>
  </div>
  <div class='circle'>
    <div class='inner'></div>
  </div>
  <div class='circle'>
    <div class='inner'></div>
  </div>
  <div class='circle'>
    <div class='inner'></div>
  </div>
  <div class='circle'>
    <div class='inner'></div>
  </div>
</div>


как итог прелоадер вечен) Никогда не ставил прелоадеры и не до конца понимаю как работает. Особенно смущает наличие тега body в css у меня на сайте уже свой прописан. Инфа везде одинаковая и примеры тоже, объясните что куда? (если что сайт на bootstrap 4 - может там свои скрипты есть для loadera)
  • Вопрос задан
  • 377 просмотров
Решения вопроса 1
@KappyJS
delay не работает для удаления классов, используйте setTimeout
https://codepen.io/anon/pen/ZmrNNa
setTimeout(function() {
    $(".main").remove()
}, 1000);
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@lumb Автор вопроса
Добавление к вопросу, почему bootstrap css искажает результат?
https://codepen.io/lumb/pen/PxOBPK - без bootstrap css
https://codepen.io/lumb/pen/JepqVm - с bootstrap css
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы