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


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

3 thoughts to “Facebook like scrollbar with css”

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.