Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/oop/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery-动画高度集导致抖动_Javascript_Jquery_Html_Css_Jquery Animate - Fatal编程技术网

Javascript jQuery-动画高度集导致抖动

Javascript jQuery-动画高度集导致抖动,javascript,jquery,html,css,jquery-animate,Javascript,Jquery,Html,Css,Jquery Animate,我以前从未经历过这样的事情。当我用jQuery设置div的高度和宽度的动画时,动画结束时,里面的文本(可能还有div本身)不知怎么地一直在颤抖 代码如下所示: $('#divid').animate({ height: size+'px', width: size+'px', top: (window.innerHeight/3) + 'px', left: ((window.innerWidth/2)-(size/2)) + 'px' }); divid.

我以前从未经历过这样的事情。当我用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
变量导致了问题,因为它并不总是一个整数(它是窗口高度或宽度的百分比)。我把它放在
Math.round()
中解决了这个问题。现在动画工作正常。:)

我曾经遇到过同样的问题。请检查您的div是否有顶部或底部边距。如果是的话,颤抖是由边缘引起的。要解决这个问题,请去掉边距,改为填充,然后抖动就会停止。

你能在or中重现效果吗?你并不是在告诉所有人:如果它在移动,var大小在波动,并且它不包括在你的示例中。同时,我解决了这个问题,变量
大小
必须是一个整数。但是谢谢你的建议,我会记住的@尼美舒利-谢谢。我知道了另一个可能引起颤抖的问题:P