javascript - 最後の最後でスクロールを停止

Question

私はこのフィドルを持っていますhttp://jsfiddle.net/kureiii/45Exw/

var cur = 1;
var max = $(".collectionsCnt2").children("li").length;

$(".button-right").click(function () {

if (cur + 1 > max) return;
cur++;

$(".collectionsCnt2").animate({
    marginLeft: "-=500px",
}, 1000);

});

(".button-left").click(function () {
if (cur - 1 < 1) return;
cur--;
$(".collectionsCnt2").animate({
    marginLeft: "+=500px",
}, 1000);

});

スクロールは機能していますが、最後のliまたは最後のボックスに達したときにスクロールを停止したいですか?..

Answer 1

これを試して：

var cur = 1;
var max = $(".collectionsCnt2").children("li").length;

$(".button-right").click(function () {

    if (cur >= max) return;
        cur =  cur + (500/100 < max ? 500/100 : max);

        $(".collectionsCnt2").animate({
        marginLeft: "-=500px",
    }, 1000);

});

$(".button-left").click(function () {
    if (cur <= 1) return;
        cur =  cur - (500/100 < max ? 500/100 : max);
        $(".collectionsCnt2").animate({
            marginLeft: "+=500px",
        }, 1000);

    });
});