jquery - div を右または左のマージンに制限する方法

Question

カスタムスクロールを作成しました。余白を増減して内容を左右にずらしています。最後のコンテンツまたは最初のコンテンツが表示されているときに div を制限したり、スクロールのようにしたいと言うことができます。divが動かないように制限する方法

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

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

})

JSフィドル

Answer 1

左マージンまたは右マージンの最大制限を定義し、この値を使用して位置を変更する前に比較します。

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");
    }
});

.on()非推奨になったため、 rathan thanを使用.live()します。