javascript - Photoswipeのように、デスクトップ上でマウスを使ってジェスチャーをスワイプしますが、divをアニメーション化します

Question

デスクトップでマウスイベントを実行し、スワイプジェスチャをシミュレートするPhotoswipeのようなスクリプトを探しています。サムネイルなしのフォトスワイプは完璧です-画像だけでなく、div全体をアニメーション化したいだけです！

Answer 1

最初の見栄えの良い結果は、jQuerymouseSwipeと呼ばれるjQueryプラグインでした。ただし、このスクリプトは、視覚的に移動されたアイテムを含む親div内を移動するだけです。それだけでは不十分な場合は、自分で何かを書くことを検討する必要があります。

イベントを聞いてmousedown、mouseup始点から終点までの距離を確認します。定義したしきい値（たとえば100ピクセル）よりも高い場合は、移動の方向に基づいて、次または前の要素に移動します。

mousemoveアニメーション化する場合は、イベントを聞いて要素を移動する必要もあります。