Javascript 动画离开

Question

首先，我要感谢所有愿意帮助我的人。现在让我们开始吧。我制作了一种幻灯片菜单(至少对我来说是这样)。所以对我来说它几乎完成了。我有这个 jsfiddle

我唯一遇到的问题是:

通常我将它设置为在按下左键时向左移动 -100%，在 div (class*-100) 时停止。 .例如，如果我有 3 个类为“google”的 div，那么它将是 3*-100= -300% .这一切都很好，它采用了正确的值。

但唯一的问题是，它只会走到-200%，然后停止，不会走到-300%。通常，因为它是 if left < -300%它至少应该达到-300%。还在 if 条件下手动将其设置为 -500%(左侧值)，但仍然无效。仅当我将其设置为 -1000% 但它太过分了。你能看看 JSFiddle 并帮我找到解决方案吗？通常如何设置 JSFiddle 现在它应该向左移动 3 次，但它不起作用。在右边它工作得很好。

Answer 1

所以我找到了解决方法。这里是 JSFiddle

var totalProject = $('.trape-move-left .proiect-numbering').length;

var projectViews = Math.round($('.trape-move-left').width() / $('.trape-move-left .proiect-numbering').width());
var current_proiect = 0;
$('.left-proiecte-arrowz').click(function() {
    if (projectViews + (current_proiect + 1) <= totalProject) {
      $('.trape-move-left').animate({
        'marginLeft': "-=100%" //moves left
      });
      current_proiect++;
    };
  });
  $('.right-proiecte-arrowz').click(function() {

    if (current_proiect > 0) {
      $('.trape-move-left').animate({
        'marginLeft': "+=100%" //moves left
      });
      current_proiect--;
    };
  });