jquery - 用 jquery 无休止地平滑地水平滚动 HTML 表格？

Question

到目前为止，HTML 表格超出了页面宽度。有一个滑块可以自动滚动内容。

有没有办法顺利实现自动滚动（从左到右）？

基本上，在没有用户干预的情况下，内容会从左到右，无限流畅地滚动

Answer 1

您只需添加一段 javascript：

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

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

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

更新以在悬停时停止并在 1 秒后开始：

Javascript：

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/

如果您有任何问题，请随时问他们。