如名:fixed定位的js(代码)

      
      //id:string是要控制的目标,nheight:number是其高度,toBottom:number到底部的距离

       //topLeft:number是到浏览器边缘的距离,which:string是决定向左还是向右

       //可以实现对多个目标的控制

       //example:new fixed('hehe',20,300,20,'right');

       function fixed(id,nheight,toBottom,toLeft,whitch)

       {

                     this.bottomInfo=document.getElementById(id);

                     this.bottomInfo.style.position='absolute';

                     this.bottomInfo.style.display='block';

                     //this.height;

                     var now=this;

                     function getIt(){

                            return(document.documentElement.clientHeight+document.documentElement.scrollTop-toBottom);

                     }

                     function addEventSimple(obj,evt,fn){

                            if(obj.addEventListener){

                                   obj.addEventListener(evt,fn,false);}else if(obj.attachEvent){

                                    obj.attachEvent('on'+evt,fn);

                            }

                     }

                      if(whitch=="right"){

                                   this.bottomInfo.style.right=toLeft+"px";

                      } else if(whitch=="left"){

                                     this.bottomInfo.style.left=toLeft+"px";

                      };

                     this.bottomInfo.style.top= getIt()+"px";//here we don't support %;

                     this.timer;

                     addEventSimple(window,'scroll',function() {

                                   clearTimeout(now.timer);//here setTimeout is not neceesary,can be leave out;                             now.timer = setTimeout(function() { now.bottomInfo.style.top= getIt()+"px"; }, 50); });

                     addEventSimple(window,'resize',function(){ now.bottomInfo.style.top=getIt()+"px"; });

       }
 


 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值