glide
glide copied to clipboard
Problem with perView: 6
new Glide('.partners-carousel', { perView: 6, type: "carousel", gap: 32, }).mount();
when scrolling several times then notice how it cuts off the last element, each time it is the same element
<div style="padding: 50px 0">
<div class="" style="width: 1310px; margin: 0 auto">
<div class="glide partners-carousel">
<div class="glide__track" data-glide-el="track">
<ul class="glide__slides">
<li class="glide__slide">
<div style="border: 1px solid; height: 100px">1</div>
</li>
<li class="glide__slide">
<div style="border: 1px solid; height: 100px">2</div>
</li>
<li class="glide__slide">
<div style="border: 1px solid; height: 100px">3</div>
</li>
<li class="glide__slide">
<div style="border: 1px solid; height: 100px">4</div>
</li>
<li class="glide__slide">
<div style="border: 1px solid; height: 100px">5</div>
</li>
<li class="glide__slide">
<div style="border: 1px solid; height: 100px">6</div>
</li>
</ul>
</div>
<div class="glide__arrows" data-glide-el="controls">
<button class="glide__arrows-left" data-glide-dir="<">
<
</button>
<button class="btn btn--arrow glide__arrows-right" data-glide-dir=">">
<i class="arrow-right"></i>
</button>
</div>
</div>
</div>
</div>