Oblikovanje scrollbarja je bila vedno težava. Osnova je v tem, da je to funkcionalnost brskalnika in ne spletne strani in vsak obravnava scrollanje po svoje. Dolgo časa nazaj smo si lahko pomagali z JavaScriptom, vendar to ni bilo priporočljivo.

Oblikovanje scrollbarja se lahko lotimo tudi s pomočjo CSSja. Slednji sicer še ni podprt v brskalnikih oz. je delno. Vendar lahko že danes slednje uporabimo pri brendiranju scrollbarja za Webkit brskalnike, kot sta Chrome in Safari, Firefox podpira pravo značko. Tako lahko v določenih brskalnikih naredimo nekaj dodatnega in določene elemente oblikujemo bližje našemu generalnemu designu strani.

Primer kode oblikovanega scrollbarja:

See the Pen
Oblikovanje scrollbarja by Ziga (@pomagalnik)
on CodePen.

Zaradi slabe podpore značke uporabite slednjo uporabljajte preudarno.