Panzoom: pandzoomコンテンツをスクロールする

私もこの振る舞いが必要でした。 すでにminScaleにあるときにパンズームを超えてスワイプし、ズームインしたときにのみパンを有効にすることができるフラグ「panOnlyWhenZoomed」があれば便利です。

それまでの間、パンズームがminScale値を超えてスケ​​ールアップされているかどうかを確認し、それに応じてdisablePanを設定することで、機能を簡単に偽造できます。 これをiOSデバイスとさまざまなChromeデバイスエミュレーターでテストしましたが、正常に動作しているようです。

// Set up panzoom container, making sure to disablePan by default
var $panzoom = $(".panzoom").panzoom({
    minScale: 1,
    disablePan: true
});

// After a zoom event, check zoomed state and reset the disablePanning
$panzoom.on('panzoomzoom', function(e, panzoom, scale, options) {
    $panzoom.panzoom("option", "disablePan", 
        Math.abs(scale - options.minScale) < 0.0001);
});

編集：ノンタッチで適切に動作するように少し調整し、少しスリムにしました

同意します。 この関数は非常に重要です。そうでない場合、libはちょっと役に立たないです..特に小さなタッチデバイスでは。
これらのデバイスで画像の幅が100％であるというのは、それほど特殊なケースではありません。この画像パンコンテナ内にキャプチャされた場合、すべてのエンドユーザーがページを離れると思います：\