Отложить выполнение html footer до загрузки Javascript

Question

Я адаптирую тему Wordpress для клиента.

В рамках темы есть функция портфолио, которая загружается с использованием javascript. К сожалению, выполнение javascript довольно медленное, поэтому результат заключается в том, что нижний колонтитул мигает в середине экрана перед тем, как его отбросить на дно. Это довольно неприглядное - Вы можете увидеть здесь: (? Или лучше способ решения этой неприятной проблемы) http://bit.ly/1nCH0Br

Есть ли способ, чтобы отложить исполнение сноски пока Javascript не закончит выполнение

Answer 1

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

Лучшим решением было бы адаптировать тему так, чтобы она включала div с фиксированной высотой, которая отображает загрузочное изображение и некоторый текст, например «Загрузка ...». Вы можете адаптировать карусель для замены этого div. Таким образом, вы можете подтолкнуть нижний колонтитул до нижней части страницы и дать пользователю некоторую обратную связь о том, что в фоновом режиме загружается больше контента.

Answer 2

Инициализировать футер с помощью CSS:

position: absolute; 
left: -10000px; 
opacity: 0; 

и установить правильные значения, когда страница загружена. Вы можете сделать это, имея 2 класса, один для предварительных нагрузок и другой для загрузки после загрузки.

Причина не только Hidding футер с помощью CSS является то, что ваши JS все еще могут работать с шириной и высотой значения