2016-12-23 7 views
0

ドキュメントによると、私はzoomooz jqueryスクリプトでコンテナをズームすることができます。zoomoozコンテナ内のズームを参照してください

これは私のコードです:

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を使用して次のようにします。

<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); 
関連する問題