zoomooz не zoomig внутри контейнера

Question

zoomooz не zoomig внутри контейнера

Согласно документации, я должен иметь возможность масштабировать внутри контейнера с помощью скрипта 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 (делая его достаточно маленьким, чтобы поместиться на странице), он масштабирует все, включая область просмотра.

Зачем?

0

javascript html jquery zoomooz

Источник

user1780761 23 дек '16 в 15:15

1 ответ

Другие вопросы по тегам javascript html jquery zoomooz

user4425846 01 фев '17 в 12:06 2017-02-01 12:06 · Answer 1 · 2017-02-01 12:06

Если бы только для решения вышеизложенного, вы могли бы вынуть 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);