所以我在FancyBox遇到这种麻烦，当页面（主页）的主体正在滚动时，该框随机地将位置移动到左边和顶部。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：'没有'”的事情变得疯狂。没有它盒保持静态，并坚持屏幕的左上角

任何进一步的想法？

来源

2014-10-07 Aviad

它看起来像你正在使用'上scroll'功能的窗口？ – 2014-10-07 15:12:23

@VitorinoFernandes不在我的私人脚本中，但我有：bootstrap.js，hammer.js，jQ（加上文件为：easing，mousewheel，animate和superslides）和owlCarousel ... – Aviad 2014-10-08 14:07:11

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

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

实施例这里：http://jsfiddle.net/MLjAT/

来源

2014-10-07 11:26:09 Supamiu

..并且考虑调暗背景。 – 2014-10-07 11:27:07

我不明白“暗淡”，这是什么？ – Supamiu 2014-10-07 11:31:12

他意味着覆盖 – himanshu 2014-10-07 11:33:47

据我所看到的，盒正在被移动，由于其被一些JavaScript代码添加transition和-webkit-transition CSS属性。你应该检查它来自哪里。尝试分解每一步。此外，问题可能是由于代码中的某种冲突造成的，因此请检查该问题。

来源

2014-10-07 14:26:48 StrongBite

Thx warwick - 我会检查那 – Aviad 2014-10-07 14:33:32

尝试添加到您的DOCTYPE

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

已经帮我在过去

来源

2014-10-13 05:00:05

冬天 - 它doesn也没有工作.. – Aviad 2014-10-13 10:57:07

Fancybox“舞蹈”围绕

编辑

回答

相关问题