Читати статтю
При верстці чергового великого проекту, на деяких сторінках 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");
});Після цього ми отримуємо потрібну нам анімацію тільки в тих випадках, коли це дійсно необхідно.
