2014-08-29 109 views
0

http://jsfiddle.net/work77/fb61a6za/包含fancybox链接,在iframe中打开http://jsfiddle.net/work77/9eypabj6/响应fancybox iframe形式没有滚动条

Iframe内容由随机图像(变化不可预测的大小)和下面的表单组成。我试图加载iframe在一个fancybox窗口中,该窗口响应onload并在调整大小时,没有滚动条并且纵横比始终保持不变。我尝试过所有不同的fancybox属性组合(hxxp://fancyapps.com/fancybox/),但似乎没有任何效果。我现在只是在黑暗中随机拍摄。有什么建议么?

$(".fancybox").fancybox({ 
    openEffect: 'elastic', 
    closeEffect: 'elastic', 
    prevEffect: 'fade', 
    nextEffect: 'fade', 
    fitToView: false, // 
    maxWidth: "90%", // 
    type: 'iframe', 
    scrolling: 'no', 
    iframe: { 
     preload: false 
    } 
}); 

回答

1

这对我有效。不是100%确定我是如何到达那里的,但aspectRatio : true帮助。 另外我用fitToView: true,不是假的。

$('.fancybox').fancybox({ 
aspectRatio : true, 
modal : true, 
scrolling : 'no', 
width : 500, 
height : 250, 
autoSize : false, 
autoWidth: false, 
autoHeight: false, 
fitToView: true, 

(等)...

+0

感谢plugincontainer。我终于能够得到这个工作。不记得我做了什么。 – 2014-09-24 01:09:51