html요소 스크롤 상단 % 나타내기

6 글 보임 - 1 에서 6 까지 (총 6 중에서)

글쓴이

글

2023년 4월 5일 14:12 #74872

참가자

 html 요소로 스크롤하면 %에 맞게 위에 상단 바를 표시하는 응용 문제를 풀고 있습니다.
 
문제 1 )  docuemnt.querySelector('html)  또는 document.documentElement 를해도 html을 요소를 못 찾는데
             왜 그런걸 까요

문제 2) 대안으로 window를 찾아 사용해보니  퍼센테이지가 최대 79% 정도가 최대인데 무엇을 조절하면 될까요.

2023년 4월 5일 17:19 #74885

codingapple

키 마스터

스크롤이벤트리스너는 원래 window에 붙이는게 좋습니다 
스크롤양 + 높이 / 실제높이 해봅시다

2023년 4월 5일 19:00 #74898

이종열

참가자

스크롤양 + 높이 / 실제높이  이렇게 했더니 시작 값이 14% 인데 한번에 0 에서 100 까지 적용시킬 수 는 없을 까요??

2023년 4월 5일 20:05 #74915

codingapple

키 마스터

스크롤양 / 실제높이-높이 하면 될수도요

2023년 4월 5일 23:33 #74950

이종열

참가자

말씀대로 하니 정상적으로 되었습니다... 감사합니다! 

그런데 위에서 말씀해주신 "스크롤양 + 높이 / 실제높이" 이건 안되는데

 답변 주신 내용으로는 왜 정상적으로 동작하는 건가요 선생님??

2023년 4월 6일 09:33 #74959

codingapple

키 마스터

위에서부터 얼마나 스크롤했는지를 (전체페이지높이-화면에보이는높이)로 나눠서그런듯요
그림그려봅시다

글쓴이

글

6 글 보임 - 1 에서 6 까지 (총 6 중에서)

답변은 로그인 후 가능합니다.

로그인

https://codingapple.com/wp-content/uploads/2019/06/logo2-3.png