минимальное и максимальное значение в 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); 
});