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是否有最高或最低边距。 如果是这样，则颤抖是由边距引起的。 要解决此问题，请删除边距并改用填充，然后颤抖将停止。