Jquery 如何将div限制在右边距或左边距

我已经创建了一个自定义卷轴。其中，我通过增加或减少边距来左右移动内容。我想限制div在最后一个或第一个内容可见时不增加边距，或者你可以说我想让它像滚动一样。我怎样才能限制潜水艇不动了

$('#left').live('click' , function(){
$('#myDiv').css("margin-left","-=10px");

})
$('#right').live('click' , function(){
$('#myDiv').css("margin-left","+=10px");

})

---

定义左边或右边的边距和最大限制，然后在更改其位置之前使用此值进行比较

var maxMargin = 500, minMargin = 20;

$('#left').on('click' , function(){
    if($('#myDiv').css("marginLeft") > minMargin) {
        $('#myDiv').css("margin-left","-=10px");
    }
});

$('#right').on('click' , function(){
    if($('#myDiv').css("marginLeft") < maxMargin) {
        $('#myDiv').css("margin-left","+=10px");
    }
});

var maxMargin=500，minMargin=20；
$（'#left'）。在（'click'，function（）上{
if（$（'#myDiv'）.css（“marginLeft”）>minMargin）{
$（'#myDiv'）.css（“左边距”，“-=10px”）；
}
});
$（'#right'）。在（'click'，function（）上{
if（$（'#myDiv'）.css（“marginLeft”）

并使用

.on（）

而不是

.live（）

，因为它已被弃用。