[HTML, CSS] 100vw 지정시 x축 스크롤 생기는 문제 해결하기

[선택자]::-webkit-scrollbar{
  display: none;
}

width를 100vw로 지정하게 되고, 만약 y축에 scroll이 생기게 되면, 

스크롤바가 vw에 포함되기때문에 x축에도 스크롤바가 생기게 된다 ~ ~ 

아래의 방법으로 해결해주면 된다.

 

1. body 태그에  overflow-x: hidden; 속성 걸어주기

나는 global.css 파일에 이렇게 적용시켜서 해결시켰다

body {
  overflow-x: hidden;
}

 

2. 스크롤바 안보이게 숨기기

깔끔한 페이지 제작이 필요할때는 나쁘지 않은 방법일 것 같다!

[선택자]::-webkit-scrollbar{
display: none;
}