Почему при загрузке страницы мелькает всплывающее окно?

Question

[Norum]

При загрузке страницы на несколько секунд появляется и исчезает всплывающее окно? В связи с чем оно появляется?

ilyin1ib.beget.tech

Весь код https://jsfiddle.net/8rwh5nvk/1/

Answer 1

[WapSter]

.popup {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

Изначально окно видимо, после загрузки js срабатывает закрытие

$('.popup').fadeOut();

Comments

[Norum]

Так а как это исправить? display: none не помогло

[WapSter]

Norum, и почему же не помогло?

Так а как это исправить?

тут люди отвечают на вопросы, а не делают за тебя работу.

При загрузке страницы на несколько секунд появляется и исчезает всплывающее окно? В связи с чем оно появляется?

на твои вопросы я ответил будь добр отметить решением

[WapSter]

Изобретатель Дикпиков, а фишка в том, что он потом показывает окно, а на сколько я знаю fade и прочие подобные методы умеет работать только с display block, всё форматирование попортиться. Но у человека верставшего этого не хватает ума обернуть окошко в div а внутри уже будет блок с попапом с нужным форматированием.

[Norum]

WapSter, ты не ответил на мой вопрос, следовательно и отмечать нечего и выражайся подружелюбнее, умник

[Norum]

Изобретатель Дикпиков, Я проставил для .popup свойство display: none, причем с !important, а иначе он не хотел исчезать и прописал стандартные правила для всплывающего окна

$('.open-popup').click(function(event) {
        event.preventDefault();
      $('.popup').fadeIn();
      $('html').addClass('no-scroll')
    });
 
 
    $('.popup-close').click(function(event) {
         event.preventDefault();
      $('.popup').fadeOut();
      $('html').removeClass('no-scroll')
    });

[WapSter]

Norum,

Изначально окно видимо, после загрузки js срабатывает закрытие

в каком месте на вопросы (кстати нарушение правил) я не ответил?

[Norum]

WapSter, ты написал про $('.popup').fadeOut(),а дальше ты начал вести себя, как быдло

[Norum]

WapSter, твой ответ про $('.popup').fadeOut() ясен, но не помог мне

[WapSter]

Norum, потому-что решается это элементарно и уже ответил как даже. Если ты не способен это реализовать найми фрилансера