Задать вопрос
@jeruthadam
Я крут
javascript

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

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

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

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

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Графический дизайнер
18 апр. 2024, в 07:58
500 руб./в час
Разработать мини-приложение Windows 7-11, Linux,Macos
18 апр. 2024, в 07:22
45000 руб./за проект
Каталог AI tools
18 апр. 2024, в 01:12
150000 руб./за проект
Ещё заказы