Question

我的页面横向宽度为4000px

如何创建一个页面加载并从页面的最右边到左边循环的事件？如果你找到我，我想展示所有内容并让用户回到起点

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

谢谢大家，

DIM3NSION

根据你的回答，我试图让这个工作，但没有用。非常感谢

  <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 plugin完全符合您的需求。 See it in action。结合setTimeout或setInterval功能，您可以轻松实现目标。

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) 
}

从右到左滚动内容Javascript

3 个答案: