如何将div限制为右边或左边边距

Question

我创建了一个自定义滚动条。我通过增加或减少边距来左右移动内容。当最后一个或第一个内容可见时，我想限制div不要更多的边距，或者你可以说我想让它像滚动一样。我如何限制div不再移动

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

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

})

JS Fiddle

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而不是.live()，因为它已被弃用。