Javascript Fancybox“；舞蹈“；围绕_Javascript_Jquery_Html_Css_Fancybox 2

Javascript Fancybox“；舞蹈“；围绕

javascript jquery html css

Javascript Fancybox“；舞蹈“；围绕,javascript,jquery,html,css,fancybox-2,Javascript,Jquery,Html,Css,Fancybox 2,所以我在FancyBox中遇到了这个问题，当页面主体（主页）被滚动时，框的位置会随机向左和向上移动附上GIF以演示问题：据我所知，我正在使用Fancybox v2 该网站是（在“每日培训选项卡”下）这是我用来调用fancybox的代码： $(".signup").fancybox({ maxWidth: 800, maxHeight: 600, fitToView: false, width: '70%', height: '70%', a

所以我在FancyBox中遇到了这个问题，当页面主体（主页）被滚动时，框的位置会随机向左和向上移动

附上GIF以演示问题：

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

该网站是（在“每日培训选项卡”下）

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

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

我检查了他们的API，但不明白是什么让这个位置“跳舞”

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

编辑所以我设法找出了问题所在。当我添加“openEffect:‘none’”时，事情变得疯狂起来。如果没有它，盒子将保持静止并粘在屏幕的左上方

还有什么想法吗？

如果您不需要滚动网站，请将Close Click设置为true或将其删除，窗口将显示为modal，打开modal时您将无法滚动主页

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

这里的示例：

据我所见，由于一些JavaScript代码添加了

转换

和

-webkit转换

CSS属性，所以框被移动。你应该检查它是从哪里来的。试着分解每一步。此外，问题可能是由于代码中存在某种冲突，因此请检查是否存在冲突。

尝试将其添加到DOCTYPE中

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

曾经帮助过我

……也考虑过背景变暗。我不理解“暗化”，这是什么？“Suffiu他指的是FANYBOX周围背景的暗化。我不是FANYBOX用户，所以我不知道为什么他没有这个背景调暗。”Suffiu——我已经把你的代码添加到我的……没有任何效果…你可以在网站上看到它（在原始帖子上给出了地址）@scripts.js文件（搜索“fancybox”你会找到它）Thx warwick-我会检查你是否使用了

滚动窗口

功能？@VitorinoFernandes不在我的私人脚本中，但我有：bootstrap.js，hammer.js，jQ（加上文件：放松，鼠标滚轮，动画和超级幻灯片）和猫头鹰旋转木马。。。