jquery - 当移动 div 以供查看时，我网站上的错误 Jquery FadeIn 行为

Question

我正在修改现有网站 (www.gjelavoie.com)。 我正在使用 jquery fadein() 和 fadeout() 来显示我的联系表单，避免我的访问者临时访问主页。我仍然有一个不良影响:

当联系人表单出现(淡入)时，主页(淡出)向下移动 到一个不可理解的位置。

好消息是，当联系表消失(淡出)，主页(淡入)， 被移回正确的先前位置。

坏消息是，这是一种不受欢迎的行为。
我使用 firebug 即时观察样式属性的变化，以确定页面中发生了什么变化......(或不同的说法)我尝试观察 css 属性以了解可能的位置移动(使用 firebug，chrome inspector 和 opera inspector) ，但运气不好，我就是不明白。

请有人告诉我如何使用适当的工具调试这个东西，或者将我重定向到 firebug 系列工具(firebug，chrome，......)下的正确功能，因为解决这个问题的技术可能很有用对于其他 future 的错误？

提前致谢。

Answer 1

在lightbox-life.js中，你只需要一个$(document).ready()。无需调用它 5 次。

这是一个 CSS 问题。

add / change these
#lightbox-panel {
    left: 50%;
    margin-left: -250px;
    position: absolute;
}

remove this
#lightbox-panel {
    margin-right: auto;
}

此外，Firebug 是最好的调试工具之一。