The scrollbar is usually positioned on the right hand side of the screen. Using the coding provided here you can change how the scrollbar looks to your personal liking. I'll explain what each section means so it's easy to understand. Each section will be done in the color red so now you know this, keep an eye on the red sections!

The Coding

Scrollbar Thumb Explained

Background Color - Set the background colour to your personal choice.

Border Radius - This enables you to have rounded edges on the scrollbar.

Border Top / Bottom - These codes allow you to choose a colour for the top and bottom border.

Scrollbar Explained

Width - Allows you to select the scrollbar's width.

Height - Allows you to select the scrollbar's height.

Background - This is the main background.