javascript - Fancybox 无法滚动到溢出

Question

我有一个加载 AJAX 内容的 Fancybox 对话框。用户可以单击“+”在里面添加一行。随着行的增加，对话框变得高于屏幕尺寸。出现一个滚动条，但对话框无法向下滚动，它会不断向上滚动。

如何解决这个问题？

Answer 1

对不起大家，是我的错。为了供将来引用，这里是修复程序。

切勿尝试动态更新和重新定位您的 Fancybox。

我尝试了什么

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

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

但是!实际上，它会尝试每隔几毫秒执行一次此操作。这会导致 Chrome 的检查器在 Fancybox 处于事件状态时卡住，并且还会导致滚动失败(当您尝试滚动它时，它会不断尝试更新大小/位置，从而导致失败)。

正确的方法

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

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