1

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

4

0 回答 0