jQuery 和 webkit，如何让 css({top:, left:}) 工作？

【问题标题】：jQuery and webkit, how to get css({top:, left:}) to work?jQuery 和 webkit，如何让 css({top:, left:}) 工作？
【发布时间】：2011-09-08 23:52:19
【问题描述】：

我试图做一些好的事情来显示错误消息，一切都很好，直到我决定尝试使用 chrome/safari，这是代码：

这里：http://pastebin.com/VymWLNTT

或在这里：http://jsfiddle.net/YfrVJ/

有人知道显示错误消息的解决方法或其他类似方法吗？谢谢。

【问题讨论】：

我已经更新了你的 jsfiddle jsfiddle.net/YfrVJ/2

标签： jquery google-chrome safari webkit

【解决方案1】：

未经进一步检查：+=50% 失败。将其更改为绝对像素值，它将起作用。

编辑：或者删除“+=”。

http://jsfiddle.net/LTgUY/1/

【讨论】：

我能得出同样的结论。 50% 失败。我能够切换到 $(window).height()/2 并让它在所有测试中运行。

【解决方案2】：

将.animate 使用的百分比值替换为绝对值。您可以使用与 vleft 值类似的方式计算它，例如：

var topDelta = ($(window).height() - this.outerHeight()) / 2;

然后用它代替50%:

this.animate({ opacity:0.8, top: '+=' + topDelta }, ...

【讨论】：

谢谢，我忘记了 50%（或 $(window).height()/2）单独不会把事情放在中间