Blog 탭이 활성화되지 않는 일반 화면
정상적으로 Blog 탭이 활성화되는 Devtool 화면
화면을 110%로 확대했을 때 최하단으로 스크롤 해도 Blog 탭이 활성화되지 않는 이슈를 발견하였다.
반면 개발자 도구를 켠 화면에서는 Blog 탭이 정상적으로 활성회되고 있었다.
문제가 발생하는 이유를 알고 싶어 콘솔창에 테스트를 해보았다
console.log(window.scrollY + window.innerHeight, document.body.offsetHeight);
위 - 일반 화면 / 아래 - Devtool 화면
테스트 결과 일반 화면에서는 window.scrollY + window.innerHeight 값이 화면 전체 길이보다 작게 나왔다.
최하단으로 스크롤한 양 + 보이는 화면 길이 합이 화면 전체 길이보다 미세하게 작게 나와서 Blog 탭이 활성화되지 않았던 것이었다.
반면 Devtool 화면에서는 동일하게 값이 나왔다.
두 컨디션에서 결과값이 다르게 나오는 이유를 챗 지피티에게 물어보았다.
원래 **스크롤 값은 ‘정수’가 아닌 ‘소수점’**으로 나오는 것이라고 한다.
다만 개발자 도구를 켜면