Stop and resume translate animation about anime HOT 3 CLOSED

function resume() {
  // For each element with class '.item'
  $('.item').each(function(index, element) {
    // Calculate new translate and time values using current position (where it stopped).
    var translateValue = $(element).offset().left - finishPosition;
    var time = translateValue / velocity;

    animate(element, time, translateValue);   
  });
}

function animate(item, time, translatePos) {
  // Animate using the anime library. Same as jQuery or Velocity.js
  anime({
    targets: item,
    translateX: -translatePos,
    duration: time,
    easing: 'linear',
    complete: function(animation) {
      // When the animation is finished, remove the dom element.
      item.remove();
    },
    update: function(animation) {
      // As the item is animating, check if the right position of the item is 50 pixels away 
      // from the end of the container
      if ($(item).position().left <= $('#container').width() - $(item).outerWidth() - 50) {
        // When the right positoon of the item is 50px to the left of the container edge
        // check if there data-done attribute is false
        if (!$(item).data('done')) {
          // If the data-done attribute is false set it to true
          $(item).data('done', true);
          // Add a new item.
          addItem();
        }
      }
    }
  });
}