Реагируйте, если вы остановитесь - PullRequest
Новая
       6

Реагируйте, если вы остановитесь

0 голосов
/ 22 сентября 2018

Я использую React slick, и если у меня есть куча маленьких коробочек, и я прокручиваю на 3, устанавливая slidesToScroll, он стреляет по ширине моего контейнера.

https://codepen.io/e-man/pen/jvJdjY

Если вы посмотрите на правую сторону, продолжая нажимать, пока не достигнете 10, вы увидите все пустое пространство справа.Я хочу, чтобы он остановился, чтобы последний элемент находился на одном уровне с правым.

В любом случае, чтобы это не перешло границы. 

class SliderApp extends React.Component {
  render() {
    const options = {
        infinite: false,
        arrows: true,
        slidesToShow: 6,
      slidesToScroll: 3,
        speed: 300,
    };
    return (
      <div className="container">
        <Slider {...options}>
          <div className='box'>
            <div className="inner-box">1</div>
          </div>
          <div className='box'>
            <div className="inner-box">2</div>
          </div>
          <div className='box'>
            <div className="inner-box">3</div>
          </div>
          <div className='box'>
            <div className="inner-box">4</div>
          </div>
          <div className='box'>
            <div className="inner-box">5</div>
          </div>
          <div className='box'>
            <div className="inner-box">6</div>
          </div>
          <div className='box'>
            <div className="inner-box">7</div>
          </div>
          <div className='box'>
            <div className="inner-box">8</div>
          </div>
          <div className='box'>
            <div className="inner-box">9</div>
          </div>
          <div className='box'>
            <div className="inner-box">10</div>
          </div>
        </Slider>
      </div>
    )
  }
}

1 Ответ

0 голосов
/ 22 сентября 2018

То есть нельзя уменьшить количество слайдов на прокрутку до двух?

...