Question

http://jsfiddle.net/work77/fb61a6za/包含一个fancybox链接，可在iframe中打开http://jsfiddle.net/work77/9eypabj6/。

Iframe内容包含一个随机图像（具有不同的不可预测的大小），下面有一个表单。我尝试在响应onload的fancybox窗口中加载iframe，并且在调整大小时，没有滚动条，并且始终保留纵横比。我尝试了所有不同的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
    }
});

Answer 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,

（等）...

响应式fancybox iframe表单，没有滚动条

1 个答案: