divコンテンツを垂直方向に連続的に自動スクロールする方法

Question

イメージを含むdivをスクロールする必要があります。どんなヘルプやリファレンスも高く評価されます。

Answer 1

something like thisが役に立ちますか？最初と最後の画像は同じであるはずです。

JS：

(function(){ 
    var box=document.getElementById('box'); 
    box.appendChild(box.firstChild.cloneNode());  

    function infScroll(){ 
    box.scrollTop +=1; 
    if(box.scrollTop===300){ 
     box.scrollTop=0; 
    } 
    window.requestAnimationFrame(infScroll); 
    } 
    window.requestAnimationFrame(infScroll); 
}()); 

HTML：

<div id="box" style="width:150px; height:100px; overflow:hidden;"> 
    <img src="http://placekitten.com/150/90" /> 
    <img src="http://placekitten.com/150/120" /> 
    <img src="http://placekitten.com/150/80" /> 
    <img src="http://placekitten.com/150/90" /> 
</div>