Barele de derulare sunt bare verticale și orizontale de-a lungul dreapta (când scrieți de la stânga la dreapta) și marginile de jos ale unei ferestre sau ale unei zone separate dintr-o fereastră, concepute pentru a muta conținutul pe verticală sau orizontală. Paginile web utilizează elemente Cascading Style Sheets (CSS) încorporate în HTML pentru a controla aspectul și comportamentul acestora.
Instrucțiuni
Pasul 1
Utilizați o etichetă div dacă doriți să creați bara de derulare nu pentru întreaga pagină, ci doar pentru o zonă limitată a acesteia. În HTML (HyperText Markup Language), „etichete” se referă la comenzi individuale pentru ca un browser să afișeze un anumit element de pagină. În forma sa cea mai simplă, o etichetă div (adesea denumită „strat”) este scrisă astfel:
Acesta este textul din interiorul stratului
Iată eticheta de deschidere și eticheta de închidere. Tot ceea ce este plasat între etichetele de deschidere și de închidere se află în strat ca în container și acest container poate fi dimensionat - lățime și înălțime. Acest lucru se face folosind un stil de parametru suplimentar („atribut”), care trebuie adăugat etichetei de deschidere:
Acesta este textul din interiorul stratului
Pasul 2
Includeți în atributul de stil al etichetei div și regulile și pentru barele de derulare ale stratului:
Acesta este textul din interiorul stratului
Aici overflow: auto înseamnă că barele de derulare vor apărea automat, adică atunci când conținutul stratului nu se va încadra în dimensiunile specificate. Dacă automatul este înlocuit cu scroll, atunci aceste dungi vor fi întotdeauna prezente, indiferent dacă sunt necesare sau nu. O valoare ascunsă va avea efectul opus - defilarea nu va apărea niciodată, chiar dacă conținutul acestui container nu este vizibil dincolo de marginile sale.
Pasul 3
Utilizați o metodă similară pentru a adăuga bare de derulare la pagina în ansamblu. În mod implicit, acestea apar la nevoie, dar dacă, din orice motiv, este nevoie de prezența lor constantă pe pagină, atunci regula de stil corespunzătoare ar trebui adăugată la codul html sursă. Găsiți eticheta de închidere a capului documentului în codul paginii și scrieți în față aceste instrucțiuni de stil:
body {overflow: scroll;}
