polyak-y
@polyak-y
Js, React.js,Vue.js,css

Слайдер для React?

Подскажите слайдер с кастомной шириной прокрутки. Я имею в виду, что при нажатии на стрелку (или перетаскиванием мыши) у нас прокручивается вся картинка (к примеру). Мне надо чтобы при нажатии на стрелку(или перетаскиванием мыши) картинка или контент прокручивались именно на ширину в зависимости от длительности нажатия стрелки (или в зависимости от того на сколько я перетянул картинку мышью). Чтобы вся картинка не прокручивалась. Типа бегущей полосы, но слайдер.
  • Вопрос задан
  • 169 просмотров
Решения вопроса 1
sashabeep
@sashabeep
Дней без вопросов про Slick на тостере : 0
Навскидку помню похожее поведение и в Owl (freeDrag) и в swiper (Freemode).
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@SomeSmallThings
Вряд ли вы найдете универсальное решение "из коробки", можете попробовать:
  • react-ticker, в описании есть примеры использования. Конкретно для вашей задачи понадобится обернуть его в компонент родитель, который будет управлять состоянием слайдера через props.
  • jquery реализация.
  • Взять любую популярную библиотеку-карусель, где на элементах управления по mouseUp запускайте интервал, который раз в N времени прокрутит карусель на какой-то offset, по mouseDown очищайте интервал (либо замеряйте время, если нужна отложенная прокрутка).
Ответ написан
Ваш ответ на вопрос

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

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