css)overflow 에서 scroll 스크롤바 숨기기 없애기 방법 (스크롤 동작)

스크린에 보기싫게 스크롤바가 있다.

 

overflow를 활용한 모습

 

 

이를 숨기는 방법

 

 

.screen-box{
	-ms-overflow-style:none /* IE and Edge */
    scrollbar-width:none /* Firefox */
}

.screen-box::-webkit-scrollbar {
	display:none /* Chrome , Safari , Opera */
}

 

브라우저 환경에 따라 사용하면 되겠다

 

 

---

스크롤바가 숨겨진 모습

스크롤 정상 작동