сделать div с горизонтальной прокруткой - PullRequest
Новая
       7

сделать div с горизонтальной прокруткой

0 голосов
/ 12 мая 2018

Я пытаюсь сделать div с горизонтальной прокруткой
это пример HTML: 

     <div class="container">
      <div class="wrapper">
        <div class="grid grid-wr">
          <h1>Products We Offer</h1><hr>
          <div class="product-slide">
            <button id="arrows" class="next">&#8250;</button>
              <img class="product" src="" alt="">
              <img class="product" src="" alt="">
              <img class="product" src="" alt="">
              <img class="product" src="" alt="">
              <img class="product" src="" alt="">
              <img class="product" src="" alt="">
            <button id="arrows" class="prev">&#8249;</button>
          </div>
        </div>
      </div>
    </div>

Я нашел ответ здесь 

            var currentIdx = 0;
            jQuery.easing.def = "easeInOutQuad";
                $(".next").click(function (){

                    //$(this).animate(function(){
                        $('.product-slide').animate({
                            scrollLeft: $(".product").eq(currentIdx).offset().left
                             }, 600);
                        currentIdx++;
                    //});
                });

НО у меня не работает должным образом
Я хочу прокручивать предметы один за другим, показывать следующие 5 или что-то еще ??
Приращение не работает
Когда я устанавливаю фиксированное расстояние, например: + = 400px, оно работает нормально, я действительно застреваю

...