将div从一个位置动画到另一个位置

时间:2017-01-10 01:08:39

标签: javascript jquery css angularjs animation

我有一个场景,当点击一个按钮时,div应该从一个偏移位置移动到另一个偏移位置,我发现元素以这种方式偏移

function getOffset(el) {
   el = el[0].getBoundingClientRect();
   return {
     left: el.left + window.scrollX,
     top: el.top + window.scrollY
   }
}
var _anchorElemPos = getOffset($element)//$element is the element to which the animation should happen

和我想要的动画:

_animationElement.animate(_targetAnimPos);

此处_targetAnimPos是目标位置

但是这里.animate()是jquery函数,我不想使用jquery有没有其他方法可以使用javascript获得像.animate()这样的精确动画? 我不必在我的应用程序中使用jquery

任何帮助将不胜感激

0 个答案:

没有答案