javascript - 从右到左滚动内容Javascript

Question

我有一个水平宽度为 4000px 的页面

我将如何创建一个在页面加载并从页面的最右侧到左侧循环时立即开始的事件？如果您找到我，我想显示所有内容并让用户重新开始

理想情况下用 javascript 编码，但会接受 CSS3（如果可以的话）

多谢你们，

尺寸

根据您的回复，我试图让这个工作，但无济于事。非常感谢帮助

  <script type='text/javascript'>
    $(document).ready(function(){
   function start(){ 
   document.body.scrollTo(4000, 0); 
   var x=4000;
   var t= setInterval(function(){ x-=50
   if (x<=0){ clearInterval(t); document.body.scrollTo(0,0); return; } document.body.scrollTo(x, 0); }, 20) }
 });
 </script>

Answer 1

jQuery scrollTo 插件正是您所需要的。看到它在行动。结合setTimeoutorsetInterval功能，您可以轻松实现您的目标。

Answer 2

我不确定这是否适用于整个页面，但它可能比使用内置浏览器滚动条更流畅，并且更易于设置和启动： http: //logicbox.net/jquery/simplyscroll/

Answer 3

这段代码可能有一些错误，因为我是在手机上输入的，但是这样的代码应该可以工作。只需将其粘贴在 window.onload 函数中即可。

function start(){
   window.scrollTo(4000, 0); 
   var x=4000; 

   var t = setInterval(function(){ 
       x-=50; // or whatever 
       if (x<=0){ 
           clearInterval(t); 
           window.scrollTo(0,0); 
           return; 
       } 
       window.scrollTo(x, 0); 
   }, 20) 
}