jsページ側エッジページスクロール広告効果実現

a.scrollTopの計算;
b.スクロール要素の位置決め値の計算;
c.スクロール周期設定;
コードは次のとおりです.
cssセクション:

 
  
/*      */ 
  
body{ height:3000px;} 
  
div,ul,li,body{margin:0; padding:0;} 
  
/*position:absolute;       */ 
  
#roll{width:50px; height:100px; background:#99CC00; position:absolute;} 
  
 
 

Htmlコード:

JS代码：

 
  
var roll=document.getElementById('roll'), 
  
initX=0, 
  
initY, 
  
compY, 
  
sp=15, 
  
//       ，       ，  IE     ； 
  
timeGap=5, 
  
doc=document.documentElement, 
  
docBody=document.body; 
  
compY=initY=200; 
  
roll.style.right=initX+"px"; 
  
;(function(){ 
  
var curScrollTop=(doc.scrollTop||docBody.scrollTop||0)-(doc.clientTop||docBody.clientTop||0); 
  
//  comP      ；  roll.style.top===doc.scrollTop+initY； 
  
compY+=(curScrollTop+initY-compY)/sp; 
  
roll.style.top=Math.ceil(compY)+"px"; 
  
setTimeout(arguments.callee,timeGap); 
  
})();