0

根据文档，我应该能够使用 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（使其足够小以适合页面），而是缩放包括视口在内的所有内容。

为什么？

4

1 回答 1

0

如果只是为了解决上述问题，您可以将 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);
于 2017-02-01T12:06:42.327 回答