jquery - fancybox 加载正常...然后当页面完成加载时它被抛出并改变位置

Question

我尝试使用 chromes 调试工具查看我网站的代码，以了解为什么会发生这种情况，但无济于事。

基本上。

我在 wordpress 中使用了 fancybox，这样当用户单击图像时，它会展开成一个漂亮的灯箱。

目前，如果我单击图像，页面仍在加载，fancybox 加载正常，但是一旦页面完成加载，fancybox 就会定位在右侧，并且覆盖仅显示在网站内容（不是整个浏览器屏幕）上，我想知道是否有是一种查看导致此问题的原因或是否有人知道修复方法的方法:(将不胜感激。

http://bit.ly/17k4Ef1

Answer 1

一般来说，设置size,position 和/或和标签不是一个好主意margins，而是使用包装容器。bodyhtml

你的问题是因为body有

element.style {
    min-height: 100%;
    position: relative;
    top: 0;
}

... css 属性。

删除它们作为测试，您会看到一切恢复正常。