✌️
ФИКСАЦИЯ ТЕКСТА ПРИ СКРОЛЛЕ
Можно экспериментировать с крупной типографикой, создавать интерактивные сообщения
Как сделать эффект фиксации
применить фиксацию к двум объектам так, чтобы первый сразу залипал посередине страницы, а второй в тот момент, когда встретиться первым. Вот так :
1
Какие есть настройки
FIXATION
Les deux sont en train de s'entendre sur un plan d'action. Это та область экрана, (верх, центр, низ) относительно которой стартует эфффект фиксирования. Обратите, формы на примере залипают в центре экрана.
OFFSET TRIGGER
Это точка начала фиксации объекта относительно выбраного Window Top / Window Center / Window Bottom.
DISTANCE
расстояние в пикселях, которое должен пройти объект в режиме фиксации.
Какие применить настройки
1
Установим параметры объектов
1. Добавьте на страницу Zero Block из библиотеки блоков и перейдите в редактирование блока. Поместите 2 объекта в рабочую облаcть, по вертикали, друг за другом.
2. одинаковую область фиксации. Мы установили WINDOW CENTER. Оба объекта фиксируются посередине экрана.
3. размер всех элементов и расстояние между ними. Размер каждого из них повлияет на параметры анимации.
100x100 px. Расстояние между фигурами 300px. Расстояние = Отступ второго объекта - Высота первого
Совет : Если у вас нет четкой задачи по размерам, используйте целые или десятичные значения в размерах элементов и расстояниях между ними для прощения расчетов.
2
Настройка параметров анимации
1. Начнем с настройки Trigger offset / Точки начала анимации.

Точка отсчитывается относительно выбранной нами области, Window center.

Начните с верхнего объекта. Так удобнее рассчитать точки начала анимации для остальных. него точка начала анимации точка равна 0px. Это значит, что первый объект залипнет точно по центру экрана.

Нижний объект должен залипнуть когда коснется верхнего. Это значит, что его точка начала анимаци будет ниже на высоту первого объекта. Ставим отступ100px.
2. Настроим Distance / Дистанцию.

должен пройти объект в режиие фиксирования. Начните настройку анимации с нижнего объекта. Так вам будет удобнее рассчитать расстояние залипания.
Квадрат. пример, можно заметь, что в режиме фиксаци квадрат не проходит никакого расстояния, а только фиксируется под круго. Значит нам нужно поставить расстояние дистанции 0px.
Круг. Круг в режиме фиксаци на экране проходит расстояние до квадрата. После этого эффект фиксации пропадает и обе фигуры скроллятся как обычно.

По сути, круг должен добраться до положения кадрата, но остановиться выше, чтобы зафиксироваться рядом.

Значит это 400px - 100px (высота квадрата) = 300px
Les deux premiers mois de l'année ont été marqués par une baisse de l'activité de l'entreprise. после публикации страницы или видны будут видны или в режиме предпросмотра.