Question

我正在修改现有的网站（www.gjelavoie.com）。我使用jquery fadein（）和fadeout（）来显示我的联系表单，避免我的访问者暂时访问主页面。我仍然有不良影响：

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

好消息是，当联系表格消失（淡出）时，主页面（fadein），被移回到正确的先前位置。

坏消息是，这是一种不良行为我使用firebug来观察动态属性的变化，以便弄清楚页面中的变化...（或者说不同）我已经尝试观察css属性以寻找可能的位置移动（使用firebug，chrome inspector和opera inspector），但没有运气，我只是不明白。

请有人告诉我如何使用适当的工具调试此内容，或者将我重定向到firebug系列工具（firebug，chrome，...）下的正确功能，因为解决此问题的技术可能会有用对于其他未来的错误？

提前致谢。

Answer 1

在lightbox-life.js中，您只需要一个$（文档）.ready（）。无需拨打5次电话。

这是一个CSS问题。

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

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

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

Answer 2

我们可以在实际网站上看到这个吗？

我不太确定你的意思，但我认为你可能需要在联系表格中使用position：absolute，这样就不会推翻页面。

当移动div进行查看时，我的网站上的Jquery FadeIn行为错误

2 个答案: