jquery - jQuery .animate() 在 Chrome 中跳转

Question

我使用 jQuery .animate() 来移动绝对定位的容器。FF、IE 和 Opera 将容器正确移动到顶部。使用 Chrome，容器会跳到顶部并从边缘向下移动 200 像素。

jQuery：

$("#indexbox").animate({top: "0", marginTop: "0"}, 500);

CSS：

#indexbox {
 position: absolute;
 width: 500px;
 left: 50%;
 top: 50%;
 margin-left: -250px;
 margin-top: -200px;
}

任何人都可以帮忙吗？

score 0 · Accepted Answer

如果您希望元素从下方向上移动，则不应设置负边距顶部。在我个人看来，Chrome 是唯一能够“逻辑”呈现代码的浏览器。

我在这里做了一个例子，我认为你想要的：http: //jsfiddle.net/QLBvh/1/

1 回答 1