Snap

  • You can decide how many panels can be passed on a single snap.

Default (count: 1)

<flicking class="flicking flicking0"
  :options="{ gap: 10, circular: true }">
  <div class="panel0"></div>
  <div class="panel1"></div>
  <div class="panel2"></div>
  <div class="panel3"></div>
  <div class="panel4"></div>
</flicking>

count: 3

<flicking class="flicking flicking1"
  :options="{ gap: 10, circular: true, moveType: { type: 'snap', count: 3 } }">
  <div class="panel0"></div>
  <div class="panel1"></div>
  <div class="panel2"></div>
  <div class="panel3"></div>
  <div class="panel4"></div>
</flicking>

count: Infinity

<flicking class="flicking flicking2"
  :options="{ gap: 10, circular: true, moveType: { type: 'snap', count: Infinity } }">
  <div class="panel0"></div>
  <div class="panel1"></div>
  <div class="panel2"></div>
  <div class="panel3"></div>
  <div class="panel4"></div>
</flicking>