[CSS] 스크롤 기능은 그대로, 스크롤 바 없애기

이미지처럼 보이는 스크롤바없애기 (스크롤은 가능)

1. 해당 엘리먼트에 class를 추가해준다 (예를 들면 class= box)

	<div class="box">
    	~~~~~~ scroll text or element
    <div>

2. css 파일 해당 class에 마지막 -ms-overflow-style 코드를 추가해준다.

	.box {
    	width: 60%;
  		height: 60%;
  		list-style: none;
  		padding-left: 0;
  		overflow-y: scroll;
  		-ms-overflow-style: none;
    }

3. 선택자 코드 -webkit-scrollbar도 작성해준다.

	.box::-webkit-scrollbar {
  		display: none;
	}

스크롤바가 없어졌지만 스크롤은 된다!