facebook like scrollbar with css

Facebook like scrollbar with css




Hey Guyz. In this post we will learn how to make a custom Facebook like scrollbar with css for -webkit browsers. Creating a Custom or Facebook like Scrollbar with css is very easy But the only problem is Browser Compatibility issue. If i am not mistaken Custom Scrollbar is only supported in -webkit so in this tutorial we will only focus on webkit browser. (To Chalu Karte Hai BC)



Facebook Like Scrollbar with css

CSS

::-webkit-scrollbar styles the entire scrollbar & ::-webkit-scrollbar-thumb Is used to style the thumb or holder(didn’t know the perfect word) which we use to hold to scrollbar.

::-webkit-scrollbar{
	height:10px;
	width:10px;
	border-radius: 4px;
	background: transparent;
        transition: all 0.3s ease;
}
::-webkit-scrollbar:hover{
	background: #c6c7ca;
}
::-webkit-scrollbar-thumb{
	background:#777779;
	border-radius: 4px;
}

3 thoughts on “Facebook like scrollbar with css”

Leave a Reply

Your email address will not be published. Required fields are marked *