用JavaScript循环播放动画

Question

我一直停留在循环播放的动画上，直到页面末尾，所以它应该从中断处继续播放。这是密码笔的链接

CardView

var width = window.innerWidth ||
  document.documentElement.clientWidth ||
  document.body.clientWidth;
var granica = width * 10 / 100;
console.log(width);
var animacija = anime({
  targets: ".glavniDiv img",
  easing: 'linear',
  delay: 200,
  translateX: [{
      value: [0, 50],
      duration: 500,
    },
    {
      value: '+=50',
      duration: 500,
    }
  ],
  translateY: [{
      value: [-25, 25],
      duration: 500,
    },
    {
      value: '-=25',
      duration: 500
    }
  ],
});

.glavniDiv img {
  height: 70px;
  width: auto;
  position: fixed;
  top: 50%;
  margin-top: -50px;
  left: 10%;
}

.glavniDiv {}

我尝试了for循环，但没有用，所以我不知道我是否尝试了错误的方式或什么方式