[JavaScript] 스크롤을 움직여도 window.scrollY가 변하지 않는 문제

 

스크롤을 움직여도 window.scrollY가 0으로 고정되어 있는 문제가 있었다. 

찾아보니 body에 height: 100%이 되어 있을 때 발생하는 문제라고 한다.

 

기존 css

html,body {overflow-x: hidden; height: 100%;}

수정

body {overflow: hidden;}
html {overflow-x: hidden;}

height: 100%를 제거했더니 window.scrollY는 측정되는데 스크롤바가 2개가 생기는 문제가 있어서

body는 overflow: hidden로 수직, 수평 스크롤바가 둘 다 보이지 않게 처리해서 해결했다.