169 похожих чатов

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

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

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

5 ответов

21 просмотр

https://codepen.io/rafaelcastrocouto/pen/nPOEqE

Arstanbek- Автор вопроса
dnebik Небренчин
https://codepen.io/rafaelcastrocouto/pen/nPOEqE

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

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

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

Похожие вопросы

Обсуждают сегодня

30500 за редактор? )
Владимир
47
а через ESC-код ?
Alexey Kulakov
29
Чёт не понял, я ж правильной функцией воспользовался чтобы вывести отладочную информацию? но что-то она не ловится
notme
18
У меня есть функция где происходит это: write_bit(buffer, 1); write_bit(buffer, 0); write_bit(buffer, 1); write_bit(buffer, 1); write_bit(buffer, 1); w...
~
14
Недавно Google Project Zero нашёл багу в SQLite с помощью LLM, о чём достаточно было шумно в определённых интернетах, которые сопровождались рассказами, что скоро всех "ибешни...
Alex Sherbakov
5
Ребят в СИ можно реализовать ООП?
Николай
33
Как передать управляющий символ в открытую через CreateProcess консоль? Собсна, есть процедура: procedure TRedirectThread.WriteData(Data: OEMString); var Written: Cardinal;...
Serjone
6
в JclConsole объявлено так: function CtrlHandler(CtrlType: DWORD): BOOL; stdcall; - где ваше объявление с stdcall? у вас на картинке нет stdcall
Karagy
8
https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_h_common.erl#L174 https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_olp.erl#L76 15 лет назад...
Maksim Lapshin
20
~ 2m21s  nix shell github:nixos/nixpkgs#stack ~  stack ghc -- --version error: … while calling the 'derivationStrict' builtin at /builtin/derivation.nix:...
Rebuild your mind.
6
Карта сайта