Всем доброго времени суток, столкнулся с проблемой, делал карусель используя Swiper для React, получилось хорошо, но есть нюанс с прокруткой, с телефона очень резко получается, особенно когда останавливаешь прокрут, в первом видео все видно.
Видео моей резкой карусели:
клик
Видео как должно быть:
клик
Код карусели
<Swiper
spaceBetween={20}
slidesPerView={2.4}
freeMode={true}
freeModeMomentum={true}
mousewheel={true}
breakpoints={{
640: {
slidesPerView: 2,
},
768: {
slidesPerView: 3,
},
1024: {
slidesPerView: 8,
},
}}
modules={[FreeMode, Mousewheel]}
>
{books.map((book) => (
<SwiperSlide key={book.id}>
<div className="book-item">
<img src={book.image} alt={book.title} className="book-image" />
<p className="book-author">{book.author}</p>
<p className="book-title">{book.title}</p>
</div>
</SwiperSlide>
))}
</Swiper>