Javascript jQuery图像缩放，允许在手机上滚动

我已经浏览了panzoom.js、EasyZoom.js、elevate zoom和jack moore的jQuery zoom，试图找到一个可以进行内部缩放的插件。所有这些缩放插件都可以在桌面和手机上运行，但在手机上，当我的图像以横向方向覆盖整个窗口时除外。我还没有找到一个插件有一个移动的点击移动缩放，所以你仍然可以滚动页面，如果你的图像填充窗口

我尝试过在这些插件中编辑触摸功能，但没有效果。在这种情况下，最佳做法是什么

$(window).on('load', function() {
    if ($(window).width() > 992) {
        $.each($('img.panzoom'), function(index) {
                $(this)
                .wrap('<span style="display:inline-block"></span>')
                .css('display', 'block')
                .parent()
                .zoom({
                    on: 'mouseover',
                    url: $(this).attr('data-zoom-image'),
                    target: $(this).parent()
                });
        });
    } else {
      // mobile functional zoom plugin code
    }

$（窗口）.on（'load'，function（））{
如果（$（窗口）.width（）>992）{
$.each（$（'img.panzoom'），函数（索引）{
$（本）
.wrap（“”）
.css（'显示'，'块'）
.parent（）
.zoom({
在“鼠标悬停”上，
url:$（this.attr（'data-zoom-image'），
目标：$（this.parent（））
});
});
}否则{
//移动功能缩放插件代码
}