Задать вопрос
Alex_Clear
@Alex_Clear

Как реализовать плавную карусель?

На сайте используется fullpage плагин, поэтому карусели, вроде owl или slick не подошли, пришлось кодить самому. Реализовал все, исключая одно: плавность хода карусели. То есть, моя каруселька не ходит по итемам, она просто двигается относительно clientX, то есть проверяет позицию мышки и самого элемента, а уже от этого возвращает нужное значение. В общем, все работает, но вот когда я поставил transition, каруселька стала игнорировать поставленные условия, если резко двинуть мышкой, карусель просто уходит за границу. Не далеко конечно, но все же выходит. После следующего клика по карусели и движении мышки, она становится на свое место по условию. В общем, как вообще можно реализовать плавность карусели?

Только что немного сообразил, и подумал, а почему бы не сделать проверку условий по событию transitionend. Не знаю, сработает ли.
  • Вопрос задан
  • 52 просмотра
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Skillbox
    JavaScript
    3 месяца
    Далее
  • Яндекс Практикум
    Фронтенд-разработчик расширенный
    13 месяцев
    Далее
  • Академия Eduson
    Fullstack-разработчик на JavaScript
    11 месяцев
    Далее
Пригласить эксперта
Ваш ответ на вопрос

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

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