2013-10-02 50 views
0

到目前爲止,HTML表格超出了頁面寬度。有一個滑塊可以自動滾動內容。無盡平滑水平滾動HTML表與jQuery的?

有沒有辦法實現自動滾動(從左到右),順利?

基本上沒有用戶干預,內容將滾動左到右,無休止地和順利

+0

http://api.jquery.com/scrollLeft/ – Virus721

+0

這裏非常相似,但與圖像... http://logicbox.net/jquery/simplyscroll/horizo​​ntal.html – Riccardo

回答

3

你可以只添加一段JavaScript代碼:

setInterval(function(){ 
    document.getElementById("yourdiv").scrollLeft += 3; 
}, 20); 

演示: http://jsfiddle.net/UPLJs/

或者如上所述,您可以使用jQuery插件。

的Javascript:

更新懸停停止,1秒後開始

var intervalId; 

    setTimeout(function(){ 
     intervalId = setInterval(startScroll, 10); 
    }, 1000); 

startScroll = function() {  
     document.getElementById("yourdiv").scrollLeft +=3; 
} 

stopScroll = function() { 
    clearInterval(intervalId); 
} 

HTML:

<div id="yourdiv" onmouseover="stopScroll()"> 

演示:http://jsfiddle.net/UPLJs/3/

如果您有任何疑問,請隨時問他們。

+0

完美的作品!謝謝! :-) – Riccardo

+0

Semy關閉主題:由於表格非常大(使用Javascript代碼構建),我需要n秒才能完成根據計算機和網絡速度加載的內容,我如何讓滾動僅在啓動後幾秒鐘(5?)後啓動表完成? – Riccardo

+0

另一個問題:可能停止滾動懸停? – Riccardo