如何使此動畫自動循環？

-2

我發現了一個非常有用的jQuery腳本。通過這個腳本，我想滾動overflow: srcoll上的div元素到最後一個元素。這像一個魅力，但不重複。我已經嘗試了很多方法來添加循環效果，但對於JS或jQuery我不太合適。這是腳本：如何使此動畫自動循環？

$(document).ready(function() { 
    var wrapper = $('.autoscroll'), 
     element = wrapper.find('.ani-item'), 
     lastElement = wrapper.find('.img2'), 
     lastElementTop = lastElement.position().top, 
     elementsHeight = element.outerHeight(), 
     scrollAmount = lastElementTop - 2 * elementsHeight; 

    $('.autoscroll').animate({ 
     scrollTop: scrollAmount 
    }, 1000, function() { 
     lastElement.addClass('current-last'); 
    }); 
});

如果可以通過平滑的延遲效果回滾到頂端：}最重要的是謝謝！

Sry基因，這是的jsfiddle - http://jsfiddle.net/pixelass/uaewc/5/

來源

2014-01-21 Jerico

請提供jsfiddle – LorDex

什麼時候您要滾動回頂部？ – suren

當它到達最後的元素有1秒的延遲，並回到頂部，然後再次到底部：} – Jerico

http://jsfiddle.net/uaewc/453/

function animateList() { 
    $('#listofstuff').animate({ 
     scrollTop: scrollAmount 
    }, 1000, function() { 
     lastElement.addClass('current-last'); 
     setTimeout(function() { 
      $('#listofstuff').animate({ 
       scrollTop: 0 
      }, 1000,function() { 
       setTimeout(function() { 
        animateList(); 
       },1000); 
      }); 
     },1000); 
    }); 
} 
animateList();

這是你想要的嗎？

如果您將代碼封裝在函數中，則可以在動畫完成後再次調用它。

來源

2014-01-21 16:27:58 Selven

你是我的上帝!!!!!!非常感謝你的作品像一個魅力！謝謝！ – Jerico

如何使此動畫自動循環？

回答

相關問題