Как убрать мелькание preloader при использовании sessionStorage?

Question

[rabodis]

Нужно, чтобы прелоадер срабатывал только при первой загрузке сайта. После первого срабатывания прелоадер мелькает при переходе на другие страницы. Как это исправить?

$(window).load(function() {
    if (!window.sessionStorage.getItem('preloaderdone')) {
      $(".logo").delay(1000).queue(function(next) {
        $(this).addClass("ready");
        next();
      });
      $(".preloader").delay(2000).slideUp(400, "swing");
      window.sessionStorage.setItem('preloaderdone', true);
    } else {
      $('.preloader').remove();
    }
  });

<div class="preloader">
   <div class="logo wow fadeInUp"></div>
 </div>

 <div class="page">
   CONTENT
 </div>

Comments

[Андрей Зырянов]

Столкнулся с похожей неприятностью. Выход нашел такой - для контента прелоадера добавить плавное появление, чтобы он не успел появиться при быстрой загрузке.

Будет мелькать только фон, но если его цвет соответствует дизайну сайта, это будет малозаметно.

Answer 1

[Евгений]

Сделайте его изначально невидимым, и показывайте, когда нужно

Comments

[rabodis]

Евгений, все равно появляется, если ставить display none или opacity

Answer 2

[Александр]

Пробовали перенести код именно для прелоадера в раздел head?

Comments

[rabodis]

Александр, переносил и jquery и сам скрипт. Не помогает. А реально этот код переписать на чистый JS? Плохо в нем разбираюсь

[Александр]

rabodis, Можно, если сильно захотеть.