Javascript jQuery-动画高度集导致抖动
我以前从未经历过这样的事情。当我用jQuery设置div的高度和宽度的动画时,动画结束时,里面的文本(可能还有div本身)不知怎么地一直在颤抖 代码如下所示: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.
$('#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