我设置了一个花式框，以将表单作为iframe加载。Fancybox会根据iframe内容的大小自动调整大小。这很好。但是，如果我现在发送表单并出错，则iframe的内容会变高，因此fancybox必须调整发生的大小。
但是在调整大小期间，我看到丑陋的滚动条，直到灯箱调整大小以匹配新内容为止。
有没有可能在没有滚动条的情况下调整fancybox？可能overflow: hidden;在正确的时间在正确的事件中使用CSS属性可以解决问题吗？
我的fancybox设置非常基础
$(".popup").fancybox({
type: 'iframe',
padding: 0
});
解决方案是这样的：
我正在阅读FancyBox 2的文档，并将设置调整为：
$(".popup").fancybox({
type: 'iframe',
padding: 0,
iframe: {
scrolling : 'no'
}
});
这将隐藏滚动条。但是调整大小发生得很晚。显示新内容后，大约需要1秒钟，直到fancybox调整为iframe中新内容的尺寸。
如果iframe中加载的网站是您自己拥有的。您可以将以下jquery代码添加到<body>在fancybox iframe中加载的页面的中：
<script>
(function() {
parent.$('.fancybox-inner').height($('body').innerHeight());
parent.$.fancybox.reposition();
})();
</script>
加载内容后，Fancybox现在会立即调整大小。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句