javascript - 照片 slider 的条件语句

Question

我正在制作照片 slider 。如果点击上一个或下一个按钮，margin-left 会一直加减一个变量，设置为 5px。但是，我想限制 slider 向左或向右移动的距离，使其不会滑动到出现空白区域的程度。

为了限制边界，有一个条件语句，如果 margin-left 在 10px 和 -100px 之间，则为变量赋值 5px。否则，变量设置为 0px。

这确实有效。如果您向左或向右走得太远， slider 就会停止。但是一旦达到边界，上一个和下一个按钮就不起作用了。有小费吗？

你可以在这里查看我的代码: jsfiddle.net/xpfbh/2/

Answer 1

我已经更新了your fiddle .我不得不更改您的 if 条件以包括 margin 范围和方向。还删除了测试变量并移动了在 if block 中设置边距的语句。我认为不需要 else block ，所以我也将其删除。