【问题标题】：Fancybox "dances" aroundFancybox“跳舞”
【发布时间】：2014-12-01 19:19:21
【问题描述】：

所以我在使用 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'”时，事情变得疯狂。没有它，盒子会保持静止并粘在屏幕的左上角

还有什么想法吗？

【问题讨论】：

您好像在使用window on scroll 功能？
@VitorinoFernandes 不在我的私人脚本中，但我有：bootstrap.js、hammer.js、jQ（加上文件：缓动、鼠标滚轮、动画和超级幻灯片）和 owlCarousel...跨度>

标签： javascript jquery html css fancybox-2

【解决方案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/

【讨论】：

..还可以考虑调暗背景。
我不懂“调光”，这是什么？
@Supamiu 他指的是 FancyBox 周围的背景变暗。
我不是fancyBox用户，所以我不知道他为什么没有这个背景调光。
@Supamiu - 我已将您的代码添加到我的...完全没有效果...您可以在网站上看到它（在原始帖子中提供地址）@一个名为“脚本”的文件.js”（搜索“fancybox”即可找到）

【解决方案2】：

据我所知，由于 transition 和 -webkit-transition CSS 属性被一些 JavaScript 代码添加，该框正在移动。你应该检查它的来源。尝试分解每一步。此外，问题可能是由于代码中的某种冲突引起的，所以也要检查一下。

【讨论】：

谢谢沃里克-我会检查的

【解决方案3】：

尝试将此添加到您的 DOCTYPE

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

过去曾帮助过我

【讨论】：