jQuery - 动画高度设置会导致颤抖

Question

我以前从未经历过这样的事情。当我使用jQuery为div的高度和宽度设置动画时，在动画结束时，里面的文本（也许是div本身）会以某种方式颤抖。

代码如下所示：

$('#divid').animate({
    height: size+'px', 
    width: size+'px', 
    top: (window.innerHeight/3) + 'px', 
    left: ((window.innerWidth/2)-(size/2)) + 'px'
});
divid.style.fontSize = size*0.032 + 'px';

size根据窗口的高度或宽度计算。

你有过这样的经历吗？可能是什么解决方案？

更新 问题现在解决了：size变量引起了问题，因为它并不总是一个整数（它是窗口高度或宽度的百分比）。我把它放在Math.round()里解决了。现在动画效果很好。 ：）

Answer 1

我曾经历过同样的问题。请检查您的div是否有任何上边距或下边距。如果是这样，颤抖是由边缘引起的。要解决这个问题，请删除边距并改为填充，然后颤抖就会停止。