Jquery动画滞后/口吃

我正在为我的网站做一个新的介绍页面，遇到了一个问题

徽标旋转，在0度处停止，然后应缩放到20%并移动到右上角

旋转停止后，在快速调整项目大小并继续之前会有1.2秒的暂停

有人能看看发生了什么事吗

代码（）

---

问题很可能是由动画将宽度从100%更改为20%引起的（并且直到宽度小于200px时才会产生效果）。试试这个：

---

我建议使用这样的jquery插件来解决为简单的

$（“#logo”）创建的递归函数

同时你应该添加你的调整大小功能

$（'#logo'）。动画（{width:'20%}

所以两者都要同时进行，以获得一个好的调整大小和位置。希望这能帮助你。

Hmm..但我不希望它延迟..我希望它在动画之间停留1.8秒以使其平滑。我需要做类似的事情吗（循环，逐渐改变值）使动画流畅？我想这就是

持续时间

值的作用。它以前一直工作。好的，总是在Chrome中，而不是在FFI中总是平滑。在更新的演示中，我将其缩小到所需的像素大小，然后应用“宽度：20%”。您可以使用“%”同样，但它不能与

最大宽度

很好地结合，后者将优先于

宽度

。有趣的是…即使没有最大宽度（为小提琴添加），它也有错误。我以前在使用百分比时遇到过问题，但我真的认为这不重要。因为它可以工作，所以可以工作！谢谢。

rotate = function(element,initial){
  element = $(element);
  rDeg = initial; //Initial angle
  element.css({
    '-webkit-transform': 'rotate('+rDeg+'deg)',
       '-moz-transform': 'rotate('+rDeg+'deg)',
        '-ms-transform': 'rotate('+rDeg+'deg)',
         '-o-transform': 'rotate('+rDeg+'deg)',
            'transform': 'rotate('+rDeg+'deg)'      
  });
    // Animate rotation with a recursive call
      timer = setTimeout(function() {
        ++rDeg; rotate('#logo',rDeg);
      },5); 
        if(rDeg==-1){ clearTimeout(timer); moveLogo() }
}
rotate('#logo',-80);

moveLogo = function(){ $('#logo').animate({width:'20%'}, 1800) }

moveLogo = function(){
    var requiredWidth = $(window).width() / 5;
    $("#logo").animate({width:requiredWidth + 'px'}, 1800);
}