我正在测试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只是几行文字。