zoomooz 不在容器内进行 zoomig

【问题标题】：zoomooz not zoomig inside containerzoomooz 不在容器内进行 zoomig
【发布时间】：2016-12-23 15:15:08
【问题描述】：

根据文档，我应该能够使用 zoomooz jquery 脚本在容器内进行缩放。

这是我的代码：

function zoom()
{
var mydiv = $("#fullpage");
    mydiv.zoomTo({targetsize:1, duration:1000});
}

正文内容：

<body onload="zoom();">
<div  class="zoomViewport">
  <div  class="zoomContainer">

    <div id="fullpage" width="2000">some page content</div>

  </div>
</div>

但是当它缩放时，它不会缩放整页 div（使其足够小以适合页面），它会缩放包括视口在内的所有内容。

为什么？

【问题讨论】：

标签： javascript jquery html zoomooz

【解决方案1】：

如果只是为了解决上述问题，您可以将 javascript 排除在外，然后执行以下操作。

    <body>
       <div class="zoomViewport">
          <div class="zoomContainer">

             <div id="fullpage" class="zoomTarget" data-duration="1000" data-targetsize="0.9" width="2000">some page content</div>


          </div>
       </div>

但如果你坚持使用 javascript，这对我有用：

var settings = {
        targetsize: 0.8,
        scalemode: "both",
        duration: 450,
        easing: "ease-in",
        nativeanimation: true,
        root: $(document.body),
        debug: false,
        animationendcallback: null,
        closeclick: true,
        preservescroll: false
    }
    // Initiate
    $('#fullpage').zoomTo(settings);

【讨论】：