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自动调整大小的限制

回答

相关问题