Cauta rapid aici ↑

Cum stilizam bara de scroll

Limbajul CSS ne permite sa stilizam orice este prezent in browser, inclusiv bara de scroll a acestuia, fie ca este vorba de scroll pe verticala sau orizontala. Bara de scroll mai apare si pe anumite elemente HTML in momentul in care continutul acestuia depaseste inaltimea sau latimea elementului din care face parte, inaltime sau latime declarata intr-un numar fix de pixeli. Daca vrem sa ascundem sau sa afisam bara de scroll pe un element trebuie sa folosim proprietatea overflow iar ca valori vom folosi hidden sau scroll in functie de ce ne dorim sa facem.

Bara de scroll este compusa din mai multe elemente iar limbajul CSS ne permite sa le stilizam pe fiecare in parte. Pentru a face asta avem nevoie de cateva pseudo-elemente. Pentru o compatibilitate si cu celelante browsere va trebui sa inlocuim cuvantul cheie (oficial are denumirea de prefix) -webkit- cu celelante cuvinte cheie corespondente pentru fiecare browser -moz- , -ms- , -o- iar la sfarsit declaram inca odata acest stil fara cuvintele cheie. Browserele noi au renuntat la anumite componente insa voi puteti sa le stilizati si pe acestea care nu apar pentru ca acestea sigur vor apare in modelele mai vechi ale anumitor browsere.