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


::-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.

	border-radius: 4px;
	background: transparent;
        transition: all 0.3s ease;
	background: #c6c7ca;
	border-radius: 4px;