CSS Scrollbars

_.scrollbars.md

CSS Scrollbars

scrollbar-1.css

.mb-scrollbar {
	overflow:auto;
}

.mb-scrollbar-x {
	overflow-x:scroll;
	overflow-y:auto;
}

.mb-scrollbar-y {
	overflow-x:auto;
	overflow-y:scroll;
}

.mb-scrollbar-xy {
	overflow:scroll;
}

.mb-no-scrollbar-x {
	overflow-x:hidden;
}

.mb-no-scrollbar-y {
	overflow-y:hidden;
}

.mb-no-scrollbar {
	overflow:hidden;
}

.mb-scrollbar::-webkit-scrollbar {
	width:10px;
	height:10px;
}

.mb-scrollbar::-webkit-scrollbar-corner,
.mb-scrollbar::-webkit-scrollbar-track {
	background-color:#f1f1f1cc;
}

.mb-scrollbar::-webkit-scrollbar-thumb {
	background-color:#bbb6;
}

.mb-scrollbar:hover::-webkit-scrollbar-thumb {
	background-color:#6666;
}

.mb-scrollbar::-webkit-scrollbar-thumb:hover {
	background-color:#6669;
}

body.mb-scrollbar::-webkit-scrollbar-thumb {
	background-color:#bbb0;
}

body.mb-scrollbar::-webkit-scrollbar-thumb:vertical {
	border-left:5px solid #bbb6;
}

body.mb-scrollbar::-webkit-scrollbar-thumb:horizontal {
	border-top:5px solid #bbb6;
}

body.mb-scrollbar:hover::-webkit-scrollbar-thumb {
	background-color:#6660;
	border-color:#6666;
}

body.mb-scrollbar::-webkit-scrollbar-thumb:hover {
	border:0;
}

body.mb-overlayed {
	overflow:hidden;
}