@jeruthadam

Как реализован этот эффект?

При прокручивании, справа логотип отодвигается наезжающей на него картинкой. themarcus.com

Как это сделано? Казалось бы, ерунда, какой-нибудь sticky или fixed с трансформацией по скроллу в момент пересечения с блоком картинки - а вот хер! Нету (я не нашел) ничег опохожего на эти два случая. Элементы расположены в совершенно невзаимосвязанных местах и как происходит этот эфект для меня загадка.
  • Вопрос задан
  • 183 просмотра
Решения вопроса 1
Ankhena
@Ankhena
Нежно люблю верстку
Логотип разбит на 2 части, буква и "хвост".
На js узнается "высота" (в кавычках, потому что это ширина) логотипа вместе с его отступом от верха окна браузера и позиция блока, который наезжает.
Когда второе становится меньше первого, то у "хвоста" изменяется координата left.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
dicem
@dicem
Тут однозначно можно запилить на гридах с анимацией на anime.js ну или scrollmagic.io

Ну а вобще, у них используется Barba.JS, PictureFill, в качестве плеера PlyrJS
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы