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/

如果您有任何疑问，请随时向他们询问。

无尽的＆amp;用jquery平滑地水平滚动HTML表格？

1 个答案: