По какой причине могут двигаться div при загрузке страницы?

Question

[mixasnt]

Верстка горизонтального слайдера (Блок "Выгодные предложения") разваливается при загрузке станицы.
Думал обойти это через увеличение скорости загрузки, включил кеш и тд. стало лучше, но все равно видно что разъезжается.

Как с этим бороться?

Answer 1

[Евгений Одинец]

Я думаю что у вас плагин начинает работать после загрузки страници и тогда уже применяет стили для слайдера.
Дергание можно заметить перейдя по ссылке например тык. Видно как стрелочки добавляются после загрузки страници

Comments

[mixasnt]

Такая же ситуация на главной, в вертикальным слайдером.

[Евгений Одинец]

mixasnt: у вас в начале скрипта $(document).ready(function() {, что означает что скрипт будет выполнятся после того, как сформирована вся страница.

[mixasnt]

Так какое самое адекватное решение будет?

[Евгений Одинец]

mixasnt: Попробуйте в тегах заменить $(document).ready(function() { на $(function() {

[Евгений Одинец]

mixasnt: В тегах script /script

[mixasnt]

Не помогло, дополнительно перенес файлы скриптов в head

[Евгений Одинец]

mixasnt: а есть демо плагина? Там он отрабатывает нормально?

[mixasnt]

Есть - kenwheeler.github.io/slick в демо все работает корректно. Довольно давно его использую, первый раз такое. Подумываю о правильности верстки...