스크롤 스타일

/* 기본 스크롤바 스타일링 */
::-webkit-scrollbar {
  width: 8px; /* 세로 스크롤바 너비 */
  height: 8px; /* 가로 스크롤바 높이 */
  background: transparent; /* 기본 배경색 */
}
 
/* 스크롤바 버튼 숨김 */
::-webkit-scrollbar-button {
  display: none; /* 스크롤바 버튼 숨김 */
}
 
/* 스크롤바 손잡이(thumb) 스타일링 */
::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2); /* 손잡이 기본 색상 */
  cursor: pointer; /* 손잡이 커서 스타일 */
  border-radius: 8px;
}
 
/* 손잡이 호버 스타일링 */
::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.3); /* 손잡이 호버 색상 */
  border-radius: 8px;
}
 
/* 스크롤바 트랙 스타일링 */
::-webkit-scrollbar-track {
  background: transparent; /* 트랙 기본 배경색 */
  border-radius: 8px;
}
 
/* 트랙 호버 스타일링 */
::-webkit-scrollbar-track:hover {
  background: rgba(0, 0, 0, 0); /* 트랙 호버 배경색 */
}