Ошибка в js коде для прелоадера?

Question

[Qias]

https://mybackpacktest.000webhostapp.com/ - вот тут этот код. Заходя туда идёт прелоадер и закрывается и всё исчезает

window.onload = function () {
    window.setTimeout(function () {
      document.body.classList.add('loaded');
    }, 500);
  }

Answer 1

[Dima Polos]

У Вас у бади прозрачность 0, после того, как добавили класс loaded, во-первых. Во-вторых, после показа прелоадера ему надо в конце display: none; или вообще удалить из html. Он у Вас остается после анимации поверх всего сайта.

Comments

[Qias]

Спасибо тебе, я смог решить эту проблему

[Dima Polos]

Qias, я искренне рад, что помог! :) Успехов!

Answer 2

[FinGanapre]

У вас неверная логика. Класс loaded добавляет opacity: 0. Если вам нужен подобный прелоадер, то вы изначально этот класс в разметку добавьте, а при загрузке наоборот удаляйте.( document.body.classList.remove('loaded') )

Comments

[Qias]

Извини, я просто не заметил этого.