CSS:scrollbar
CSS 스크롤바 관련된 내용.
Categories
- CSS:Example:HideScrollbar - 스크롤바 제거 방법.
스크롤이 아예 필요 없는 경우
가로축만 스크롤 되게 하고 싶은 경우
스크롤바만 없애되, 스크롤은 유지하고픈 경우
th, td {
-ms-overflow-style: none; // IE에서 스크롤바 감춤
&::-webkit-scrollbar {
display: none !important; // 윈도우 크롬 등
}
}
커스텀 스타일 적용하기
webkit 계열만 가능하다.
.scrollbar {
&::-webkit-scrollbar {
width: 3px;
background: none;
}
&::-webkit-scrollbar-thumb {
background: #f8f7fb;
opacity: .4;
}
&::-webkit-scrollbar-track {
background: none;
}
}