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

您可以尝试使用fancybox配置对象中的 autoWidth:true 吗？

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

1 个答案: