2009-12-10 6 views
5

Je dois faire défiler la div qui contient des images, verticalement. Toute aide ou référence sera très appréciée.Comment faire défiler automatiquement le contenu div verticalement en continu

+0

Voulez-vous dire défilement automatique? – rahul

+0

Oui autoscroll sans interaction de l'utilisateur avec la boucle comme ceci http://maaki.com/thomas/SmoothDivScroll/clickableLogoParade.htm mais verticalement – Rajasekar

+0

Dupliquer de http://stackoverflow.com/questions/1880470/how-to-scroll-images- verticalement-continuous-using-jquery – jitter

Répondre

2

Peut-être que something like this aiderait? Les premières et dernières images sont supposées être les mêmes.

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> 
+0

comment puis-je faire cela en continu? – nethken

Questions connexes