067 607 57 84
МЕНЮ

Як відключити CSS transition до завершення завантаження сторінки

Створення сайтів Львів

При верстці чергового великого проекту, на деяких сторінках CSS трансформація для структурних елементів сторінки іноді починалася ще до завершення завантаження всієї сторінки.

Для виправлення цього дефекту можна скористатися методом заборони.

Додамо тегу BODY стиль:

<body id="transition_disabled">
                    
#transition_disabled
{
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}
                    

Після того, як сторінка повністю завантажиться - необхідно видалити заборону. Зробити це можна за допомогою JS.

$("window").load(function() {
  $("body").removeAttr("id");
});
                    

Після цього ми отримуємо потрібну нам анімацію тільки в тих випадках, коли це дійсно необхідно.