Отключение CSS transition до полной загрузки страницы

Иногда CSS-переходы начинают срабатывать до полной загрузки страницы, что может влечь за собой сбои в работе веб-сайта.

Для того, чтобы исправить данную проблему, добавить к тегу body css-класс и указать в нём следующее:

<body class="disable-transition">
.disable-transition
 {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}

Далее, после полной загрузки страницы, запрет следует отключить, этого можно достичь с помощью JS или jQuery:

$("window").load(function() {
  $("body").removeClass("disable-transition");
});

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *