2009-12-10 149 views
5

我需要垂直滾動包含圖像的div。任何幫助或引用將不勝感激。如何垂直連續自動滾動div內容

+0

你的意思是自動滾動? – rahul 2009-12-10 13:02:56

+0

是沒有用戶交互的自動滾動,像這樣的循環http://maaki.com/thomas/SmoothDivScroll/clickableLogoParade.htm但垂直 – Rajasekar 2009-12-10 13:06:19

+0

重複http://stackoverflow.com/questions/1880470/how-to-scroll-images-垂直連續使用jquery – jitter 2009-12-10 14:44:29

回答

2

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

我該如何持續不斷? – nethken 2016-07-22 09:47:25