스크롤을 전부 내렸는데 정확히 1이 나오지 않습니다
233
작성한 질문수 6
안녕하세요 제가 자바스크립트를 작성하고 콘솔창에 실행 되는걸 확인하니 영상과 같이 정확히 1이 아닌 0.9280581545531389 이런식으로 끝나버리는데 괜찮은건가요?
(function(){
const house = document.querySelector('.house');
let maxScrollValue = document.body.offsetHeight - window.innerHeight;
window.addEventListener('scroll',function(){
console.log(pageYOffset / maxScrollValue);
});
})();답변 1
0
계산된 수치가 아주 정확하지 않아도 동작에 크게 차이는 없지만, 0에서 1범위로 나오는게 맞습니다.
아마 css 설정이나 스크립트의 다른 부분에서 높이나 세로 방향의 크기에 영향을 주는 요인이 있지 않을까 생각되는데..
보통 window.innerHeight를 빼주는걸 빠뜨리면 0.9 언저리의 값이 나오는데, 일단 window.innerHeight, document.body.offsetHeight, window.pageYOffset 이런 값들이 정확한 값을 나타내는지 console.log()로 확인해 보시겠어요?
왼쪽/오른쪽 동작시 딜레이 문제
0
93
1
변수 범위 관련 질문
0
106
1
perspective 문의
0
100
1
생성자 함수를 클래스 함수로 변경 하고 this 오류 관련
0
150
1
스크롤이 중간 위치에 있을 때 창의 크기를 변환하면 생기는 문제
0
126
1
animation이벤트 질문이요!
0
71
1
resize handler에서 질문이 있습니다.
0
110
1
카드 뒤집힐 때 F가 보인 이유
0
149
1
3d 뒤집기 추가효과
0
216
1
전진! 3D 스크롤 21 강의 질문
1
171
1
eventlistener 질문
0
147
1
zMove 를 1000으로 설정하는 이유에 대하여.
0
168
1
[정보-23강] ES6 class 문법으로 공부하시는 분들!! 화살표 함수로도 시도해보셔요!
1
191
1
동적으로 html 생성 후 이벤트 위임 질문 있습니다.
0
264
1
rotateY()에서 deg에 따른 차이
0
196
1
코드 작성 순서
0
275
1
이미지가 없는데 첨부파일을 다운 받는 방법이 있나요??
1
392
1
'이벤트 위임 보강 영상'에 있는 예제 html이 안 보입니다
0
265
2
섹션5 자바스크립트 이벤트 다루기 질문
1
243
1
[#전진! 3D 스크롤 11] mousePos 공식 질문 있습니다!
0
423
2
css 는 직접 작성을 해야하는걸까용?
0
323
1
translateZ 에 px 이 아닌 vw 로 값을 주신 이유가 있을가요?
0
356
2
house 부분에도 width , height 부분을 꽉 차게 주신 부분이 제가 이해한게 맞는지 궁금합니다.
0
302
2
left:-400vw 가 아닌 translateZ(100vw); 을 입력하신 이유가 궁금합니다.
0
303
2