웹 페이지가 스크롤이 안될 때 해결 방법

문제상황

애드블럭 등의 광고차단을 쓰면 가끔 특정 웹페이지들에서 광고 차단했다고 페이지 세로 스크롤을 막는 문제가 발생. 분명 밑에 내용이 더 있는게 확실한데 스크롤만 안된다. 어떤 페이지들은 광고 허용 버튼을 누르면 스크롤을 하게 해주는데, 그렇다면 소프트웨어적인 락이 있을 것으로 추정함. 내가 광고를 봐야 할 의무는 없으니 광고 허용은 안누르고 내용만 보고 싶은 상황.

 

문제원인

body tag에 overflow: hidden 속성이 걸려있어서 그렇다. 기본값은 overflow: auto 또는 overflow: scroll이다.

overflow 속성 설명: https://developer.mozilla.org/en-US/docs/Web/CSS/overflow

 

해결방법

F12를 눌러 웹브라우저 개발자 도구를 연 후 Element tab에서 body tag의 overflow: hidden 속성을 비활성화 또는 auto나 scroll 등의 속성으로 변경

 

적용결과

overflow 속성을 비활성화하니 오른쪽과 같이 스크롤바가 복원되었다. 복잡한 건 아닌데 어떤 속성을 건드려야 했는지 기억이 안날때가 많아서 기록으로 남겨본다.