>  기사  >  웹 프론트엔드  >  javascript 맨 위로 돌아가기 효과 구현 code_javascript 기술

javascript 맨 위로 돌아가기 효과 구현 code_javascript 기술

WBOY
WBOY원래의
2016-05-16 16:59:491009검색

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

//속도 스크롤 속도 시간 간격
gotoTop(속도,시간) 기능{

속도 = 속도 || 0.1;
시간 = 시간 16;

// 스크롤 막대에서 페이지 상단까지의 수평 거리
var x = document.body.scrollLeft;

// 스크롤 막대에서 페이지 상단까지의 수직 거리
var y = document.body.scrollTop;

// 스크롤 거리 = 현재 거리/속도, 거리가 작을수록 속도는 1보다 큰 숫자이므로 스크롤 거리가 점점 작아집니다.
speed
window.scrollTo( Math.floor( x / 속도), Math.floor(y / 속도));

// 거리가 0이 아니면 이 반복 함수를 계속 호출합니다.
if(x > 0 || y > 0) {

         window.setTimeout("gotoTop(" speed ", " " time ")", time);
     }
}

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.