javascript中的最小值和最大值

Question

这个例子运行正常，但我只想添加最小值和最大值，
在开始和结束时停止滚动：

var X = 0;
var BBB = $('.BBB');

$('#buttonA').click(function() {
X--;
Y = X * 200;
Z = 'translate3d(' + Y + 'px, 0px, 0px)';
BBB.css('-webkit-transform', Z);
});

$('#buttonB').click(function() {
X++;
Y = X * 200;
Z = 'translate3d(' + Y + 'px, 0px, 0px)';
BBB.css('-webkit-transform', Z);
});

DEMO

有可能吗？

Answer 1

您可以添加具有最小值和最大值的变量。然后，在函数内部，检查是否达到了限制。

var X = 0, min = -2000, max = 0;
var BBB = $('.BBB');

$('#buttonA').click(function() {
X--;
Y = X * 200;
if(Y < min) {X++; return}; // If reach the limits, stop.
Z = 'translate3d(' + Y + 'px, 0px, 0px)';
BBB.css('-webkit-transform', Z);
});

$('#buttonB').click(function() {
X++;
Y = X * 200;
if(Y > max) {X--; return}; // If reach the limits, stop.
Z = 'translate3d(' + Y + 'px, 0px, 0px)';
BBB.css('-webkit-transform', Z);
});