SSENSE / vue-carousel

A flexible, responsive, touch-friendly carousel for Vue.js
https://ssense.github.io/vue-carousel/
MIT License
1.72k stars 504 forks source link

Scroll per item bug #509

Open ahmadi-akbar opened 4 years ago

ahmadi-akbar commented 4 years ago

vue ver: 2.6.11 vuetify ver: 2.1.0 vue-carousel ver: 0.18.0

this is my code

<carousel
          :per-page="3"
          :scrollPerPage="false"
          :loop="true"
          :autoplay="true"
          :paginationSize="15"
          :paginationPadding="5"
          :speed="1000"
        >
          <slide v-for="(item, i) in slides" :key="i">
            <v-card class="mx-4 pa-5 custom-card">
              <v-avatar size="101" class="custom-avatar">
                <img :src="item.avatar" alt="Avatar" />
              </v-avatar>
              <v-card-title class="mt-10">
                {{item.name}}
                <span class="body-2 text-xs-center pl-5">{{item.job}}</span>
              </v-card-title>
              <v-card-text class="text-left">{{item.comment}}</v-card-text>
            </v-card>
          </slide>
</carousel>

result Gif

result