javascript - Fancybox "dances"左右

因此，我在使用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'”时，事情变得很疯狂。
如果没有它，该框将保持静止并粘在屏幕的左上方

还有其他想法吗？

最佳答案

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

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

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

关于javascript - Fancybox "dances"左右，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/26234736/