Customize the Scroll Bar (css only)

With the css snippet bellow, you can customize the look of the scrollbar in your page. This applies for Horizontal and Vertical scroll bars.

/* wpsnippet.club */ /* Set the width and color of the scrollbar */ ::-webkit-scrollbar { width: 10px; height:10px; background-color: #f5f5f5; } /* Customize the thumb (the draggable part of the scrollbar) */ ::-webkit-scrollbar-thumb { background-color: #999; border-radius: 8px; } /* Set the color of the scrollbar when the mouse hovers over it */ ::-webkit-scrollbar-thumb:hover { background-color: #777; }

Leave a Reply

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