효과: 사물: 먼저 onscroll을 로드하여 스크롤 막대를 제어합니다. 그런 다음 모션 버퍼링 방법을 작성합니다. 모션 버퍼링 방법은 먼저 DIV 버퍼의 속도를 계산하고 이를 반올림한 다음 모션을 수행하여 끝점에 도달하는지 확인하는 것입니다. 마지막으로 해당 매개변수가 반환됩니다. 그런 다음 onscroll에서 이 메서드를 호출하고 끝점을 계산하여 이 메서드의 매개변수에 할당합니다. 코드: 코드 복사 코드는 다음과 같습니다. 높이 : 200px ; 배경: #0000FF; 위치: 절대; 오른쪽: 0; 아래쪽: 0; } < ;/style> <br> type="text/javascript"> body.scrollTop; //이동 높이 가져오기<br> // oDiv.style. top = (document.documentElement.clientHeight - oDiv.offsetHeight)/2 DivScroll 'px';<br> move(parseIn t((document.documentElement.clientHeight - oDiv.offsetHeight) / 2 DivScroll)); , 내부 매개변수는 DIV의 끝점입니다. 즉 (시각적 높이 - DIV 높이)/2 이동 높이 <br> };<br> var oDiv = document.getElementById('div1');<br> var 속도 = (end - oDiv.offsetTop) / 5; 배율 인수 <br> 속도 = 속도 > ) : Math.floor(speed); //소수점을 피하려면 반올림하세요. <br> if (oDiv.offsetTop == end ) { //DIV가 끝점에 도달하면 setInterval을 닫습니다.<br>clearInterval(timer) ;<br> }<br> else { else oDiv.style.top = oDiv.offsetTop 속도 'px'; //div 이동<p> }<br> }, 30);<br> }<br> } < /div>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
