Веб-страница мигает / показывает в течение секунды перед хорошей загрузкой - PullRequest
Новая
       17

Веб-страница мигает / показывает в течение секунды перед хорошей загрузкой

0 голосов
/ 18 апреля 2019

При загрузке веб-страницы тексты и цвет фона мигают в течение короткой секунды, а затем загружаются должным образом с намеченной анимацией.

Я сделал короткое видео, чтобы показать вам, что я имею в виду: https://vimeo.com/331182527/bee1d9ad3f [обновлено, работает сейчас!]

Есть ли способ поместить загрузочную анимацию, чтобы этого не произошло? в чем именно проблема?: Если нет хорошего решения, есть ли способ сделать страницу полностью белой в течение 0,5 секунд, чтобы скрыть мигание?

К сожалению, я просто пользователь самоучки, поэтому у меня нет более глубокого понимания того, как это может работать, и я полностью потерян.

Код заголовка: 

<script src="https://unpkg.com/scrollreveal@4"></script>
<script>

window.sr = ScrollReveal({
    distance: '50px',
    duration: 2000,
    easing: 'ease',
    mobile: true,
    reset: false,
    viewFactor: 0.4,
  });

</script>

Код нижнего колонтитула: 

<script>   
sr.reveal('body p',{
    origin: 'bottom',
});

    sr.reveal('h1',{
    origin: 'bottom',
      delay: '1000',
});
</script>

Было бы очень полезно, если бы кто-то мог указать, в чем заключается проблема, или решить ее:)

...