从右到左滚动内容 Javascript

Scrolling content right to left Javascript

本文关键字：Javascript 滚动 从右到左      更新时间：2023-09-26

>我有一个水平宽度为 4000 像素的页面

我将如何创建一个在页面加载后立即开始并从页面的最右边循环到左边的事件？我想显示所有内容，如果你得到我，让用户回到起点

理想情况下用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>

jQuery scrollTo 插件完全可以满足您的需求。看到它的实际效果。结合setTimeout或setInterval功能，您可以轻松实现目标。

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

这段代码中可能存在一些错误，因为我是在手机上输入的，但这样的东西应该可以工作。只需将其粘贴在 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) 
}
相关文章：