[CSS] 스크롤바(scrollbar) 숨기기(없애기)

스크롤바가 있는 페이지와 없는 페이지 간 레이아웃 차이가 발생해 스크롤바를 숨기고 싶었다.

단, 스크롤 기능은 그대로 유지해야 하는 상황

 

 

🐣 스크롤 기능은 유지하면서, 스크롤바를 숨기는 코드

html::-webkit-scrollbar {
    display: none;
}

cf) 위의 방법은 크롬, 사파리 등 WebKit 기반 브라우저에서만 동작한다.

 

 

🐣 스크롤바 O

우측에 스크롤바가 보인다.

 

🐣 스크롤바 X

스크롤은 되지만 사라진 스크롤바