Javascript 加载页面时自动滚动Div-Wordpress

我现在有一个div（.scrolls），它在wordpress的自定义页面模板上水平滚动。一切都很好，但我希望div在页面加载时自动开始从左向右缓慢滚动。我调查过tinyscrollbar和其他一些公司，但都没能成功。我使用的是论文主题，虽然可以放置标题脚本，但我似乎无法正确编码

---

我是一个完全的jquery新手，找不到一个简单的教程，上面逐字写着“这个确切的代码

…

在这里。有人能帮忙吗？

这里是一个移动此页面主体的示例

var movement = 0;  
setInterval(function () { 
$('body').css('margin-left', movement + 'px');
movement += -10; 
}, 400);

在控制台中运行该命令，看看会发生什么

或者你可以像这样使用CSS动画

@keyframes moveLeft
{
from {margin-left: 0;}
to {margin-left: -100px;}
}

@-webkit-keyframes moveLeft /* Safari and Chrome */
{
from {margin-left: 0;}
to {margin-left: -100px;}
}
#divToMove
{
animation: moveLeft 5s;
-webkit-animation: moveLeft 5s; /* Safari and Chrome */
}

---

使用

Jquery

可以尝试

$(".scrolls").animate({ scrollLeft: valueToScroll }, { duration: 200 } );

---

其中，

valueToScroll

应该是您想要滚动的大小

请在Jquery中尝试：

$(document).ready(function() {
    var sL = $(this).width();
    $('.scrolls').animate({
        scrollLeft : sL
    },5000)
})

只需更改

5000

即可设置所需的时间

---

演示

您可以使用CSS动画。非常感谢！这一个似乎动画效果最好，但它只滚动宽度的一部分。现在，我无法通过与滚动条交互来停止动画，我该怎么做？谢谢！！！