Задать вопрос
tony-stark77
@tony-stark77
Frontend developer (senior+)

Slider Swiper не корректно скролит картинки?

Делаю проект на react, слайдер. Вот у меня вопрос, почему когда я указываю настройки которые показаны ниже, у меня сладиться сладиться а потом в центре встаёт? Ну т е я слайдю через кнопку..
<Swiper
            modules={[Navigation, Pagination, Scrollbar, A11y]}
            spaceBetween={30}
            loop={true}
            slidesPerView={8}
            // slidesPerGroup={1}
            speed={200}
            navigation
            // pagination={{ clickable: true }}
            onSwiper={(swiper) => console.log(swiper)}
          >
            <SwiperSlide>
              <div className="brands__img">
                <img src="/img/brands_1.webp" alt="" />
              </div>
            </SwiperSlide>
            <SwiperSlide>
              <div className="brands__img">
                <img src="/img/brands_1.webp" alt="" />
              </div>
            </SwiperSlide>
            <SwiperSlide>
              <div className="brands__img">
                <img src="/img/brands_1.webp" alt="" />
              </div>
            </SwiperSlide>
            <SwiperSlide>
              <div className="brands__img">
                <img src="/img/brands_1.webp" alt="" />
              </div>
            </SwiperSlide>
            <SwiperSlide>
              <div className="brands__img">
                <img src="/img/brands_1.webp" alt="" />
              </div>
            </SwiperSlide>
            <SwiperSlide>
              <div className="brands__img">
                <img src="/img/brands_1.webp" alt="" />
              </div>
            </SwiperSlide>
            <SwiperSlide>
              <div className="brands__img">
                <img src="/img/brands_1.webp" alt="" />
              </div>
            </SwiperSlide>
            <SwiperSlide>
              <div className="brands__img">
                <img src="/img/brands_1.webp" alt="" />
              </div>
            </SwiperSlide>
            <SwiperSlide>
              <div className="brands__img">
                <img src="/img/brands_1.webp" alt="" />
              </div>
            </SwiperSlide>
            <SwiperSlide>
              <div className="brands__img">
                <img src="/img/brands_1.webp" alt="" />
              </div>
            </SwiperSlide>
            <SwiperSlide>
              <div className="brands__img">
                <img src="/img/brands_1.webp" alt="" />
              </div>
            </SwiperSlide>
            <SwiperSlide>
              <div className="brands__img">
                <img src="/img/brands_1.webp" alt="" />
              </div>
            </SwiperSlide>
            <SwiperSlide>
              <div className="brands__img">
                <img src="/img/brands_1.webp" alt="" />
              </div>
            </SwiperSlide>
            <SwiperSlide>
              <div className="brands__img">
                <img src="/img/brands_1.webp" alt="" />
              </div>
            </SwiperSlide>
          </Swiper>
  • Вопрос задан
  • 32 просмотра
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Мидл фронтенд-разработчик
    5 месяцев
    Далее
  • Яндекс Практикум
    React-разработчик
    3 месяца
    Далее
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
ITK academy Нижний Новгород
от 80 000 до 120 000 ₽
ITK academy Воронеж
от 50 000 до 90 000 ₽