01 02 03 04 05 06 07
★ Owner: Kayla
★ Opened: 06/09/17
★ Program: Photoshop CC 2020
★ Version: 13
★ Started Sw: 2005ish
★ Host: Myself
★ Credits: x
home content tutorials holiday contact ov

website scrollbar tutorial

This is an example of a website scrollbar! (ignore the little top deco lol)

There is probably a scrollbar currently live on this website (if you're on chrome)

the steps

1. Copy and paste this coding into your style.css page. This is a pretty basic setup for the website scrollbar. You can add/delete stuff if you want.

If you don't want an IMAGE (like how mine is my checker pattern) as your scrollbar than delete background-image: url(IMAGEGOESHERE); and change the background-color to what you want.

Replace the background url or background color with your own!