照片滑块的条件语句

Question

我正在制作照片滑块。如果单击上一个或下一个按钮，margin-left 会不断增加或减少一个变量，该变量设置为 5px。但是，我想限制滑块向左或向右移动的距离，这样它就不会滑得太远以至于有空白。

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

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

您可以在此处查看我的代码： jsfiddle.net/xpfbh/2/

Answer 1

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