Panzoom: Pandzoom 콘텐츠 스크롤

나에게도 이런 행동이 필요했다. 이미 minScale에 있을 때 팬줌을 스와이프하고 확대할 때만 패닝을 활성화할 수 있도록 설정할 수 있는 "panOnlyWhenZoomed" 플래그가 있으면 좋을 것입니다.

그동안 panzoom이 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% 너비를 갖는 것은 매우 특별한 경우가 아니며 모든 최종 사용자가 이 이미지 팬 컨테이너 내부에서 캡처되는 경우 페이지를 떠날 것이라고 생각합니다.