Cum de a crea un bloc div cu defilare

În acest articol ne vom uita la problema creării unui bloc (div) o dimensiune fixă, cu posibilitatea de a derula pe orizontală și pe verticală. Acest lucru se poate face cu CSS. Acesta este responsabil pentru această proprietate overflow.

Proprietatile benefice overflow

proprietate preaplin este responsabil pentru afișarea conținutului unui element al blocului. Acesta poate fi aplicat în cazul în care conținutul nu se încadrează pe deplin în și din zona blocului.

overflow-x - este responsabil pentru cartografierea conținutului blocului în elementul orizontal.
overflow-y - este responsabil pentru cartografierea conținutului blocului în elementul vertical.

Proprietăți și valori overflow

Luați în considerare exemplul unei clase CSS. Lățimea și înălțimea setați lățimea necesară și înălțimea unității (pentru că nu va ieși conținutul unității), iar proprietatea overflow: auto; întrebați defilare pe orizontală, dacă este necesar

Forțarea bloc CSS parcurgere

De asemenea, puteți forța pentru a crea o defilare în înălțime și lățime. În acest scop, fiecare axă: overflow-y: defilați; (Vertical) overflow-x: defilează; (Orizontală) pentru a spune parametru de derulare, defilare forțată.

bloc EXEMPLUL div derulabil

Una dintre proprietățile este posibil pentru a elimina overflow, apoi se va derula de-a lungul o singură axă, care este suficient.
Vezi script-ul în exemplul de mai jos.

Demo Descărcați codul sursă
Puteți specifica forțat defilare numai la o axă. Pentru a elimina această linie, respectiv, fie de preaplin-x, fie cu preaplin-y.