페이지 scrolls_javascript 기술로 js 웹 페이지 측면에 광고 효과 구현

a.ScrollTop 계산
b. 스크롤 요소의 위치 계산
코드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

/*테스트 높이*/

본체{ 높이:3000px;}
div ,ul,li,body{margin:0; padding:0;}
/*position:absolute; 요소 위치 지정에 사용됨*/
#roll{width:50px; :#99CC00 ; 위치:절대;}


HTML 코드:

코드 복사 다음과 같습니다:

>JS 코드:

코드 복사

코드는 다음과 같습니다. varroll=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";
;(함수 (){
var curScrollTop=(doc.scrollTop||docBody.scrollTop||0)-(doc.clientTop||docBody.clientTop||0) ;
//compP의 값은 매번 다릅니다. ; 전까지는 Roll.style.top===doc.scrollTop initY;
compY =(curScrollTop initY-compY)/sp; top=Math.ceil(compY) "px";
setTimeout(arguments.callee,timeGap)
})();