我正在测试 Fancybox 3 以了解如何根据实际内容动态调整 iframe 的高度。这是我所拥有的:
<a class="iframe-link" data-type="iframe" href="/page-mini.html" >
iframe
</a>
<script>
$(document).ready(function() {
$(".iframe-link").fancybox({
iframe: {
preload: false
},
afterLoad : function(instance, slide) {
slide.$slide.find('iframe').on('load', function() {
instance.update();
});
}
});
});
</script>
此代码不起作用。我必须使用preload: false
以获得更好的用户体验并能够动态调整高度,因为在框架内我将显示几个不同高度的页面。page-mini.html 只是几行文本。