인프런 커뮤니티 질문&답변

작성한 질문수

초보자도 만들 수 있는 스크롤 인터렉션. 1편 자바스크립트

2-1 [실습편] 기초다지기! 이동할 거리 백분율 구하는 방법

질문드립니다~

작성

271

안녕하세요 ~ 제가 초보라 궁금한게 있어서요

$(window).scroll(function(){

getPercent();

})

function init(){

getPercent();

}

init();

getPercent(); 이 함수가 왜 두번이나 실행되는거죠 ?

퀴즈

스크롤된 거리를 백분율로 나타내는 올바른 계산식은 무엇일까요? (scrollTop: 현재 스크롤 위치, documentHeight: 문서 전체 높이, windowHeight: 화면 높이)

(scrollTop / documentHeight) * 100

(scrollTop / (documentHeight - windowHeight)) * 100

(windowHeight / documentHeight) * 100

(documentHeight - scrollTop) / windowHeight * 100

답변 2

좋은 질문이네요 답 얻어 갑니다 :)

지식공유자

안녕하세요 :D

값을 초기화 하는거에요 :)

스크롤할 때 변할 값들은 스크롤중에 변경돼야 하기 때문에 스크롤 이벤트에서 호출하는 것이고

맨 처음 프로그램이 시작할 때 스크롤에 관련된 값들역시 초기화 되어야 하기 때문에

호출하는 겁니다.

(간혹 스크롤 이벤트에서 함수를 실행하지 않는 경우가 있습니다)

수업을 쭉 진행하다보면 다양한 부분에 설명이 나옵니다.

그럼 또 다른 궁금증이 생기면 문의주세요 :D

작성한 질문수