@alexiusgrey

Можно ли сделать бесконечную бегущую строку без резкого прерывания?

Желательно на jquery или на нативном js, без плагинов и других библиотек.
У меня без картинок, просто три слова, которые могу размножить по несколько раз.
Пробовал вот этот пример
И этот
И этот - идеально бы подошел, потому что установлен слик-слайдер, но в какой-то момент каждый новый слайд погружается резко.
Может быть ему просто надо настроить анимацию?
Я немного изменил -замедлил его и поменял брейкпоинт
jQuery(".marquee-slider").slick({
  arrows: false,
  infinite: true,
  autoplay: true,
  centerMode: true,
  dots: false,
   slidesToShow: 5,
  variableWidth: true,
  slidesToScroll: 1,
  speed: 15000,
  autoplay: true,
  autoplaySpeed: 0,
  cssEase: "linear",
  pauseOnhover: false,
  responsive: [
    {
      breakpoint: 992,
      settings: {
        slidesToShow: 3
      }
    },
    {
      breakpoint: 767,
      settings: {
        slidesToShow: 2,        
        dots: false
      }
    }
  ]
});

Я пробовал и вот этот, правда копировал стили именно от блока, без тела, и оно вообще отображалось неправильно - я не знаю, может надо копировать body, но мне по разметке не подойдет

Кому приходилось уже делать бесконечную строку?
  • Вопрос задан
  • 2261 просмотр
Пригласить эксперта
Ответы на вопрос 2
@mletov
А зачем js и тем более jquery?
Чем чистый css плох?

Например
https://codepen.io/Knovour/pen/boJNPN
Ответ написан
@HealSpirit
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы