🍆

SwiperのfreeModeのいい感じの値

2023/04/14に公開

PC版でもドラッグでスワイプっぽい横スクロールは、Swiperを用いて実装できます。

  • 慣性が効いてほしい
  • 早すぎて暴れないようにしたい
  • 遅すぎないようにしたい

Swiperのフリーモードは大変便利でしたが、
いい感じの値が見つからず少々時間を費やしてしまったのでメモ書きです。

SwipeerのfreeModeの値
    freeMode: {
      enabled: true,
      momentumRatio: 0.3,
      momentumVelocityRatio: 0.35,
    },

早すぎず、遅すぎず、慣性が効きすぎない自分好みの値になりました。

Discussion