Всем привет! Я хотел реализовать бегущую строку. Условно, есть на странице 3

Question

Всем привет! Я хотел реализовать бегущую строку. Условно, есть на странице 3

блока, высота которых 150vh, 70vh, 120vh.
В среднем блоке находится текст, который выходит далеко за рамки ширины блока.
При скролле страницы, когда верхние границы второго блока доходят верха страницы, необходимо чтобы текст начал бегать справа на лево, при этом вертикальный скрол стоит на месте, пока текст не закончится.

Может уже есть готовые библиотеки, кто подскажет?

#programming #russian #vue.js

0

23.07.2023

5 ответов

23 просмотра

Arstanbek Автор вопроса

dnebik Небренчин
https://codepen.io/rafaelcastrocouto/pen/nPOEqE

Спасибо! Немного не то. Надо, чтобы текст бегал во время скролла

0

24.07.2023

Alexey Bulygin

из мыслей подключить gsap со скролл триггером на нужную точку и в этот момент отключать скролл на странице. Все доступные события есть, чтобы на них подписаться

0

24.07.2023

tripplicate

Могу предложить посмотреть в сторону scroll-driven-animations, vueuse/motion, правда, что касаемо первого, у него плохая поддержка

0

24.07.2023

🌑

Arstanbek
Спасибо! Немного не то. Надо, чтобы текст бегал в...

Ну это буквально 10 строк кода

0

24.07.2023