Как с помощью gsap сделать такой переход по скролу?

Question

[ArtJH]

Пример: https://dpotferstudio.com/

Answer 1

[Владимир Голубь]

Какой смысл применения тут gsap. Применяю его когда анимация зависит от прокрутки экрана, а тут после после смены слайда она запускается и все.

Comments

[ArtJH]

Как тогда реализовать такую анимацию?

[zombtron]

ArtJH,
Выдрать с сайта-источника. ))
Немного с танцами, но оно выдирается.
zombotron.badhost.ru/a/DPotfer.htm

Там немного не так, как в оригинале оно работает. Ппосле прокрутки первого экрана вылазит 404, но после нажатия "Back" вылазят и остальные свистоперделки.
В общем, наколхозить что-то можно. И, думаю, быстрее будет, нежели с нуля творить.

[ArtJH]

zombtron, вау круто, это вручную копировал файлы или через прогу какую-то?
Если не сложно, можешь пожалуйста скинуть архивом проект.
Спасибо большое тебе за ответ)

[zombtron]

ArtJH,
Вручную.
Поковырялся еще немного. Если эту штуку засунуть в корень, то 404 пропадает (там vue и/или webpack ориентируется на адрес, ковырять минимизированные файлы нет никакого желания). И еще, там нужно отключить кэширование всех файлов этого прикола (оно как app позиционируется), ибо оно автоматом скролит первый экран при использовании файлов из кэша.

Если не сложно, можешь пожалуйста скинуть архивом проект.

Скинуть точно нет, ибо интернет мобильный на ноуте. Попробую сегодня запаковать на хосте, если получится.