jQuery .animate（）在Chrome中跳转

Question

我使用jQuery .animate（）来移动绝对定位的容器。 FF，IE和Opera将容器正确移动到顶部。使用Chrome时，容器会跳到顶部并从边距向下移动200px。

jQuery的：

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

CSS：

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

有人可以帮忙吗？

Answer 1

如果您希望元素来自下方并向上移动，则不应设置负边距。我个人认为，Chrome是唯一一款对您的代码进行“逻辑”渲染的浏览器。

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