fancybox自動調整大小的限制

所以我們都知道fancybox已經調整了功能並且非常棒，但是如果內容比你的屏幕大，它也會調整大小，你必須向下滾動瀏覽器滾動條，而不是用fancybox滾動條。fancybox自動調整大小的限制

調整大小沒有快速混亂我喜歡這樣做。

<script type="text/javascript"> 
    jQuery(document).ready(function() { 
     $('MyTagValue').fancybox(
     { 
      'titlePosition' : 'inside', 
      'transitionIn' : 'fade', 
      'transitionOut' : 'fade', 
      'onStart' : function() 
      { 
       $('#MyTagStyle').css(
       { 
        marginLeft: '-10000px' 
       }); 
      }, 
      'onComplete' : function() 
      { 
       $.fancybox.resize(); 
       $('#MyTagStyle').css(
       { 
        marginLeft: '0px' 
       }); 
      } 
     }); 
    }); 
</script>

所以我的問題是如何在您的瀏覽器屏幕內調整，或不超過一個特定的值，f.ex我要自動調整較多，但沒有比寬多：800像素;和高度：900px;

，說明我有什麼，現在，我想實現的，這裏是一些畫面：

電流： alt text

通緝： alt text

任何想法？

來源

2010-12-09 Lukas Šalkauskas

編輯MyTagStyle解決了這個問題：

.MyTagStyle 
{ 
    max-height:600px; 
    max-width:940px; 
    overflow:auto; 
}

來源

2010-12-10 12:26:41

如果內部窗口大小小於600像素高，如在上網本或平板電腦上，這種sitll不會導致滾動條？ – Dwayne 2012-01-05 00:09:50

的fancybox內置的方法來設置寬度和高度，以產生持有的內容...檢查網站獲取進一步的說明，但這裏的「窗口」是一個打擊：

// initialize popup iframe (fancybox) 
$(".popupIframe").fancybox({ 
    'autoDimensions': false, 
    'padding'  : 0, 
    'width'   : 940, 
    'height'  : 400, 
    'autoScale'  : false, 
    'transitionIn' : 'none', 
    'transitionOut' : 'none', 
    'type'   : 'iframe' 
});

這裏我設置一個固定的940px400px的彈出窗口（它也可以是％值）......如果內容大於fancybox持有者，它將在同一個持有者上生成滾動條，而不是在文檔本身上生成！ PS：如果我正確地讀你的問題！

來源

2010-12-09 20:39:16 Zuul

是啊，一切都會好起來的，如果我想有大的內容的時候，但我需要自動縮放功能，以及，得到結果都是這個：http：/ /yfrog.com/7243150716p這就是爲什麼我需要一種方法設置maxHeigth和maxWidth莫名其妙.... – 2010-12-09 21:14:53

fancybox自動調整大小的限制

回答

相關問題