flipsnap.js アニメーションを消したい

Question

flipsnap.jsを用いてページング機能の実装を行なっています。

###実現したいこと
flipsnap.toNext()やflipsnap.toPrev()をした際に、スライドするアニメーションを無効にしたい
(.toNextした時はアニメーションなしで次のページが表示されるような形)

###試したこと
flipsnap.animation = false を事前に行いましたが、実現しませんでした。

Answer 1

flipsnap.jsの現在のバージョンのソースコードをgithubで眺めてみたのですが、
flipsnap.animationは内部プロパティとして使われてはいますが、
外部からセットする設計とはなっていないようです。

transitionDurationというアニメーション速度のオプションがありますので、
その値を0にすれば、アニメーションなしで切り替わりました。
しかし初期化オプションでこの値を渡してしまうと、
フリック操作でのアニメーションもなくなりましたので、
おそらくご要望の動作ではないと思います。

ということでtoPrev、toNextの実装を参照してみると、
transitionDurationという引数を指定できるようなので、
初期化オプションにtransitionDurationを指定するのではなく、

flipsnap.toPrev(0);
flipsnap.toNext(0);

メソッドコール時に引数0を渡せば、
明示的にアニメーションをOFFとする動きが実現できるかと思います。

Comments

[mahoken]

回答ありがとうございます。
引数でtransitionDurationが指定できるのは気づけませんでした。
ありがとうございました。