网页元素跟随BODY上下滚动JS组件

iteye_4690

于 2008-03-28 17:19:25 发布

阅读量168

点赞数

分类专栏： web js css 文章标签： prototype

web js css 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一个名为 UpDownRoller 的 JavaScript 组件，该组件可以为网页元素实现自动滚动效果。通过设置参数，可以轻松地控制滚动行为，如自动滚动的开关等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


UpDownRoller.prototype.uid=100;
 function UpDownRoller(objID,selfName){
   var obj=document.getElementById(objID);
   obj.style.position="relative";
   obj.style.zIndex=this.uid++;
   this.target=obj;
   this.autoRoll=false;
   this.selfName=selfName;
   this.timerID=null;
 }
 UpDownRoller.prototype.setAutoRoll=function(b){
   if(this.autoRoll==b){
      return null;
   }
   this.autoRoll=b;
   if(b){
     if(this.timerID){
        window.clearInterval(this.timerID);
     }
     this.timerID=window.setInterval(this.selfName+".roll()",10);
   }else{
     this.target.style.pixelTop=0;
   }
 }
 UpDownRoller.prototype.roll=function(){
   if(!this.autoRoll){
       return false;
   }
   var t=this.target;
   t.style.pixelTop=document.body.scrollTop;
 }
 if(document.getElementById("floater")){
   var ft=new UpDownRoller("floater","ft");
   ft.setAutoRoll(true);
 }