jquery如何在到达最后一个元素时停止动画

我有一个水平滚动条。
如何在到达最后一个元素时停止动画

使用偏移量？宽度？位置

如果没有更多的元素显示，如何实现停止任何动画？ 但是允许回去吗

我有两个按钮：上一个和下一个；此按钮允许用户查看页面。 从第4页开始共有7页

提前谢谢

这里有一个解决方案：

var cur=1；
var max=$（“.page”）.length+1；
$（'pageholder'）。动画（{left:'-=546px'}，0）；
$（'.ll'）。单击（函数（）{
如果（cur-1<1）返回；
cur--；
$（“#页码固定器”）。设置动画(
{左：'+=182px'}{
持续时间：1000，
放松：“轻松内地”
});
警报（cur）；
});
$（'.rr'）。单击（函数（）{
如果（cur+1>max）返回；
cur++；
$（“#页码固定器”）。设置动画(
{左：'-=182px'}{
持续时间：1000，
放松：“轻松内地”
});
警报（cur）；
});

由于已经隐藏了一个

溢出

，我们可以将其更改为

向左滚动

位置：

var $par = $('#container').scrollLeft(546) ; // Get the element that has CSS overflow
                                             // and set to initial position
$('.prev, .next').click(function( e ) {
    e.preventDefault();                      // Prevent default Anchors behavior
    var n = $(this).hasClass("next") ? "+=182" : "-=182"; // Direction
    $par.animate({scrollLeft: n});
});

---

您必须有一种计算元素的方法-服务器端或javascript。使用数组很容易迭代元素。

var cur = 1;
var max = $(".page").length+1;

$('#page_holder').animate({left: '-=546px'}, 0);

$('.ll').click(function(){
    if (cur-1 < 1) return;
    cur--;
    $('#page_holder').animate(
    {left: '+=182px'},{
    duration: 1000, 
    easing: 'easeOutBack'
    });
    alert(cur);
});


$('.rr').click(function(){
    if (cur+1 > max) return;
    cur++;
    $('#page_holder').animate(
    {left: '-=182px' },{
    duration: 1000, 
    easing: 'easeOutBack'
    });
    alert(cur);
});

var $par = $('#container').scrollLeft(546) ; // Get the element that has CSS overflow
                                             // and set to initial position
$('.prev, .next').click(function( e ) {
    e.preventDefault();                      // Prevent default Anchors behavior
    var n = $(this).hasClass("next") ? "+=182" : "-=182"; // Direction
    $par.animate({scrollLeft: n});
});