Question

在使用jQuery动画流体宽度位置时，我在Firefox中遇到了一些奇怪的行为：绝对div。它在Chrome中运行良好。奇怪的是，我也尝试过旧版本的jQuery，似乎这个问题发生在jQuery 1.8.3及更新版本中。

您可以在此处查看问题的小提示：http://jsfiddle.net/movwb2un/

CSS：

#wtf {
    background: #abf;
    border: 3px solid #007;
    position: absolute;
    top: 20%;
    right:50%;
    bottom: 30%;
    left: 0%;
}

HTML：

<div id="wtf"></div>
<button id="left">go left</button><button id="right">go right</button>

JS：

$('#left').click(function(){ $('#wtf').animate({'left':'0%','right':'50%'}); });
$('#right').click(function(){ $('#wtf').animate({'left':'50%','right':'0%'}); });

更多测试用例：http://jsfiddle.net/aau6vnfo/

Answer 1

这肯定是一个错误，不确定它是jQuery还是Firefox问题（或Chrome问题）。

http://jsfiddle.net/ty517w5e/
在第二行中用right : 0%替换right : 0似乎可以解决问题。

在Firefox中使用百分比时，jQuery动画无法正确计算位置

1 个答案: