Javascript，jquery.panzoom，jquery:contain-issue

我真的很难让contain选项适用于jquery.panzoom

无论出于何种原因，我都无法在contain DIV的整个区域中拖动图像。这是我的使用示例

标记：

    <section id="contain">

        <div class="panzoom-parent" style="overflow: hidden; position: relative;">

            <img class="panzoom" src="http://dev.specialopswatch.com/wp-content/uploads/2014/06/SILVER-PREDATOR-400x4001.png" width="400" height="400" style="transform: matrix(0.5, 0, 0, 0.5, 0, 5); backface-visibility: hidden; transform-origin: 50% 50% 0px; cursor: move; transition: none; -webkit-transition: none;">

        </div>

    </section>

---

请帮忙

请尝试使用

禁用span:false

 jQuery(document).ready(function($) {
    $section = $("#my-zoom");
    var $panzoom = $section.find('.panzoom').panzoom({
        $zoomIn: $section.find(".zoom-in"),
        $zoomOut: $section.find(".zoom-out"),
        $zoomRange: $section.find(".zoom-range"),
        $reset: $section.find(".reset"),
        startTransform: 'scale(0.95)',
        maxScale: 1.3,
        disablePan: false,
        increment: 0.1,
        contain: true,                      
    }).panzoom('zoom', true);

});

这对我有用

 jQuery(document).ready(function($) {
    $section = $("#my-zoom");
    var $panzoom = $section.find('.panzoom').panzoom({
        $zoomIn: $section.find(".zoom-in"),
        $zoomOut: $section.find(".zoom-out"),
        $zoomRange: $section.find(".zoom-range"),
        $reset: $section.find(".reset"),
        startTransform: 'scale(0.95)',
        maxScale: 1.3,
        disablePan: false,
        increment: 0.1,
        contain: true,                      
    }).panzoom('zoom', true);

});