javascript - Fancybox "dances"周围

Question

所以我在使用 FancyBox 时遇到了这个问题，当滚动页面主体(主页)时，框会随机向左和顶部移动位置。

附上 GIF 演示问题:

据我所知，我正在使用 Fancybox v2。

网址是here (在“日常培训”选项卡下)。

这是我用来调用 fancybox 的代码:

$(".signup").fancybox({
    maxWidth: 800,
    maxHeight: 600,
    fitToView: false,
    width: '70%',
    height: '70%',
    autoSize: false,
    closeClick: false,
    openEffect: 'none',
    closeEffect: 'none'
});

我检查了他们的 API，但无法理解是什么让这个位置“跳舞”。

===============

编辑

所以我设法隔离了问题。当我添加“openEffect:'none'”时，事情变得疯狂了。没有它，盒子将保持静止并粘在屏幕的左上角

还有什么想法吗？

Answer 1

如果您不需要滚动网站，请将 closeClick 设置为 true 或将其删除，窗口将显示为模态，并且当模态打开时您将无法滚动主页面。

var busy = false;
// the html class is "o"
$(".o").fancybox({
    //modal: true
    beforeClose: function() {
        if (busy) {
            return false;
        }
    }
});

此处示例:http://jsfiddle.net/MLjAT/