Fancybox无法滚动到溢出

时间:2013-04-23 11:48:37

标签: javascript jquery fancybox

我有一个加载AJAX内容的Fancybox对话框。用户可以单击“+”在内部添加行。当行加起来时,对话框变得高于屏幕大小。出现滚动条,但无法向下滚动对话框,它会一直向上。

我该如何解决这个问题?

1 个答案:

答案 0 :(得分:0)

对不起伙计们,我的坏人。为了将来参考,这是修复。

从不尝试动态更新并重新定位您的Fancybox。

我尝试了什么

$('#stuff').fancybox({
    ... stuff
    onUpdate: function() {
        $.fancybox.update();
        $.fancybox.reposition();
    }
});

最终,在每次更新时,Fancybox都应该居中并重新定位。

但是!实际上它每隔几毫秒就会尝试这样做。这会导致Chrome的检查器在Fancybox处于活动状态时冻结,并导致滚动失败(当您尝试滚动它时,它会不断尝试更新大小/位置,从而导致失败)。

正确的方法

每次您希望手动更改尺寸时更新。

  • 更改对话框内容时(如果是AJAX)
  • 显示内部错误或在
  • 中添加新div时