2009-12-10 18 views
5

Ich muss das div scrollen, die Bilder enthält, vertikal. Jede Hilfe oder Referenzen werden sehr geschätzt.Wie automatisch Div-Inhalt vertikal kontinuierlich kontinuierlich

+0

Sie Autoscroll bedeuten Sie? – rahul

+0

Ja Autoscroll ohne Benutzerinteraktion mit Schleife wie diese http://maaki.com/thomas/SmoothDivScroll/clickableLogoParade.htm aber vertikal – Rajasekar

+0

Duplizieren von http://StackOverflow.com/Questions/1880470/How-to-Scroll-images- vertikal-continuously-using-jquery – jitter

Antwort

2

Vielleicht something like this würde helfen? Erste und letzte Bilder sollen gleich sein.

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

Wie kann ich das kontinuierlich machen? – nethken