Question

我正在尝试使用requestAnimationFrame和Jquery＆＃39; s animate()重复向右移动div。然而，我的div似乎口吃而不是不断移动。它怎么一直开始和停止？

如果你想在这里看到我的代码是html：

<body>
  <div id="back">
    <div id="myDiv">
    </div> 
  </div>
</body>

css：

#myDiv {
  height: 50px;
  width: 50px;
  background-color: black;
  position: absolute;
}

#back {
  height: 200px;
  width: 200px;
  background-color: teal;
}

和javascript：

  function updateFrame(){
      $("#myDiv").animate({left: '+=25px'}, function(){
        window.requestAnimationFrame(updateFrame);
      });
    }


  updateFrame();

Answer 1

试试这个：

left: 1px

使用25px代替speed，然后使用动画{{1}}。

<强> jsFiddle

使用Jquery.animate平滑requestAnimationFrame？

1 个答案: