jquery - 在fancybox中加载动态内容时如何触发html滚动

Question

我有一个自定义的fancybox（fancybox2），其中的内容是动态加载的。然而，随着内容的增长，该框仍然固定在浏览器窗口中，并且不会触发 html 的滚动条。

但是，如果我运行$.fancybox.update()它会调整并显示滚动条。如何在不运行上述行的情况下自动执行此操作？

我的fancybox定义如下

$.fancybox({

    href     : '#mycontainer'
    autoSize : true,
    maxWidth :  760,
    fitToView: false,
    padding  : 0,
    fixed    : true,
    autoCenter : true,
    beforeShow :  function(){
       $('.fancybox-overlay-fixed').css({'overflow-y':'auto'});
    },
    afterShow :  function(){
       $('.fancybox-overlay-fixed').css({'overflow-y':'auto'});
    },
 });

Answer 1

根据文档：

$.fancybox.update()- 自动调整fancyBox 的大小height以匹配内容的高度。

autoWidth: 如果设置为 true，对于 'inline'、'ajax' 和 'html' 类型的内容高度是自动确定的。布尔值；默认值：false

您可以尝试使用autoWidth:truefancybox 配置对象吗？