如何使用 FancyBox 自动调整高度?
How to use FancyBox to auto resize the height?
我正在为一个客户项目使用 Fancybox(我们支付了完整许可!)
我有一个 link 打开这个框,然后显示 3 个可扩展部分。如果单击一个,则使用 JQuery 向下滑动一个部分。
我希望 fancybox 的高度在部分展开时自动调整大小。这可能吗?我试过使用 "auto" 但它不受支持。
$(".fancybox").fancybox({
openEffect: 'fade',
scrolling: 'yes',
overlay : {
locked : false
},
'autoSize': false,
width: 700,
height: 360,
openSpeed: 100,
helpers: {
overlay: {
css: {
'background': 'rgba(000, 000, 000, 0.50)'
}
}
}
});
检查此 Fiddle,只需从您的代码中删除此选项:
'autoSize': false,
width: 700,
height: 360,
我正在为一个客户项目使用 Fancybox(我们支付了完整许可!)
我有一个 link 打开这个框,然后显示 3 个可扩展部分。如果单击一个,则使用 JQuery 向下滑动一个部分。
我希望 fancybox 的高度在部分展开时自动调整大小。这可能吗?我试过使用 "auto" 但它不受支持。
$(".fancybox").fancybox({
openEffect: 'fade',
scrolling: 'yes',
overlay : {
locked : false
},
'autoSize': false,
width: 700,
height: 360,
openSpeed: 100,
helpers: {
overlay: {
css: {
'background': 'rgba(000, 000, 000, 0.50)'
}
}
}
});
检查此 Fiddle,只需从您的代码中删除此选项:
'autoSize': false,
width: 700,
height: 360,