Движение

Непрерывное движение

Модуль Marquee реализует режим бегущей строки с непрерывной прокруткой контента.

Основные возможности

  • ✅ Непрерывная прокрутка без остановок
  • ✅ Настраиваемая скорость (пиксели в секунду)
  • ✅ Поддержка всех направлений: left, right, up, down
  • ✅ Пауза при наведении курсора
  • ✅ Автоматическое включение Loop для бесшовной прокрутки
  • ✅ Публичное API для управления

Интерактивная демонстрация

Живой пример

Непрерывное движение

6 слайдов
HTML, CSS и JS в этих вкладках используются в предпросмотре.
Настроить свой →

Базовый пример

Настройка скорости и направления

Направления

Горизонтальная прокрутка

Вертикальная прокрутка

Публичное API

События

Динамическое включение/выключение

Примеры использования

Логотипы партнёров

Бегущая строка новостей

Вертикальная бегущая строка

Особенности

Автоматическое клонирование

Модуль автоматически клонирует все слайды для создания бесшовного эффекта бегущей строки. Вам не нужно дублировать контент вручную.

Отключение drag

В режиме marquee перетаскивание (drag) автоматически отключается, так как это противоречит концепции непрерывной прокрутки.

Производительность

Модуль использует requestAnimationFrame для плавной анимации с частотой 60 FPS и translate3d для аппаратного ускорения.

Совместимость с другими модулями

Модуль Marquee не совместим с:

  • Drag (автоматически отключается)
  • Loop (marquee сам реализует loop)
  • Autoplay (marquee - это уже автоматическая прокрутка)

Модуль Marquee совместим с:

  • Breakpoints (можно включать/выключать на разных экранах)
  • Grid (для создания многорядных бегущих строк)

Адаптивность