0

我这里有一些代码可以在 Firefox 中完美运行，但不能在 chrome 或 IE 中运行，

我的javascript是这样的

`
$(文档).ready(函数() {
                $("#clientLoginPop").show();                                 
                $("#clientLoginPop").animate({"left": "-=400px"}, "fast");
                });
                $("#clientLoginCloseLink").click(function () {
                $("#clientLoginPop").animate({"left": "+=400px"}, "fast");
                });
                $("#contactUsPopLink").click(function () {
                $("#contactUsPop").show();
                $("#contactUsPop").animate({"left": "-=437px"}, "fast");
                });
                $("#contactUsClose").click(function () {
                $("#contactUsPop").animate({"left": "+=474px"}, "fast");
                });
});
`

最后 div 的 css 看起来像这样，我认为更重要的是它与浏览器的右侧对齐：（客户端登录 div 看起来相似，只是高度不同）

`
#contactUsPop
{
    宽度：437px；
    右：-437px；
    边距顶部：220px；
    位置：固定；
    高度：217px；
    背景颜色：白色；
    z-索引：2；
}
`

所以在 Firefox 中发生的事情是 div 向左移动，然后当它关闭时它又向右移动。当在 chrome 中，div 似乎根本没有弹出？

该网站的网址是这样的：

http://clearcreativegroup.com/devcorner/clear3/

标签位于浏览器的右侧，任何建议都会有所帮助，谢谢！

4

4 回答 4

2 
$("#clientLoginPop").animate({"right": "+=400px"}, "fast");
于 2010-04-03T03:51:47.720 回答
1

我认为当您同时分配 aleft和right属性时，Chrome 和 Firefox 对它的解释不同。尝试为right属性设置动画，或者在设置动画之前将其移除left。

于 2010-04-03T03:37:13.380 回答
1

在 chrome 中...第一次单击锚点时，它会出现在窗口的最左侧并移动到左侧。

您是否尝试将左/右属性设置为特定值而不是添加或减去它？

前任：

$("#clientLoginPop").animate({"left": "-1000px"}, "fast");

搭配

$("#clientLoginPop").animate({"left": "400px"}, "fast");
于 2010-04-03T03:47:11.283 回答
1

我通常使用 CSS float，或者 position:absolute; 调整网页界面。

要有效地使用 CSS position:absolute，请在父块上使用 position:relative。

这是创建像 twitter 这样的登录的很好的参考。

于 2010-04-03T04:04:18.087 回答