Drupal домашняя страница контента jumping

Question

Моя домашняя страница Drupal загружается с заголовком (H1), субтитрами, CTA и изображением около 15px слишком высоко. Затем он прыгает на место.

Эффект, похоже, встречается только на главной странице.

Начальная загрузка изображения: http://www.workbooks.com/sites/default/files/image/initial.png

сообщение прыжок изображение: http://www.workbooks.com/sites/default/files/image/jumped.png

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

Извините, что вышли из строя двумя ссылками - но вы можете догадаться о моей главной странице из приведенных выше ссылок!

Есть ли у кого-нибудь идеи, что вызывает это?

Спасибо,

Sam

Answer 1

Проблема возникает из слайд-шоу, которые инициализации и что ее стиль приходит довольно поздно. Вы можете постоянно просматривать эту проблему, когда вы переходите на ваш сайт без использования JavaScript. Поэтому, чтобы исправить это, вам нужно будет добавить некоторые стили исправления, которые имитируют стили, которые применяются позже в вашем слайд-шоу. Вы можете снова проверить эти стили, пока JavaScript отключен. Трудно сказать, какой лучший способ был бы потому, что стиль, который приходит из вашего слайд-шоу, может быть динамичным и зависит от содержимого слайд-шоу, и поэтому он может меняться с контентом. Что-то вроде этого могло бы работать:

#views_slideshow_cycle_teaser_section_slides-block { 
height: 325px; 
} 

#views_slideshow_cycle_div_slides-block_0 { 
position: absolute; 
} 

Но как сказано, используйте это с осторожностью и протестируйте его.