Почему не срабатывает js?

Question

[Martyer]

Вот собственно и проблема.
откройте пож-та это, а потом это
Подскажите пож-та почему если поменять структуру html, перестаёт работать скрипт?

Answer 1

[everliving]

Если вы откроете консоль браузера, то увидит ошибку «ReferenceError: Can't find variable: TweenLite», у вас не подключена библиотека TweenLite, если в нажмете на шестеренку в разделе JS в оригинальном примере, то увидите что там подключена библиотека «//cdnjs.cloudflare.com/ajax/libs/gsap/1.18.0/TweenMax.min.js».

Дополнительно вам нужно убрать высоту у тега header, так как 100vh будет сдвигать вниз добавленные div элементы ровно на высоту экрана.
codepen.io/Vitaliiy/pen/yOaPVq

Comments

[Martyer]

Большое Вам спасибо за помощь, три часа сидел мучался :) а по поводу высоты шапки, так и задумывалось )

Answer 2

[display: block]

В css добавить.

body{
   overflow:hidden;
}
.foot{
   position:absolute;
   top:0;
}

И подключить библиотеку TweenLite