Hogyan hozzunk létre egy div blokk görgetés

Ebben a cikkben nézzük meg a kérdést, hogy létrehozza a blokk (div) rögzített mérettel azzal a képességgel, hogy lépjünk vízszintesen és függőlegesen. Ez megtehető a CSS. Ez felelős az ingatlan túlcsordulás.

A jótékony tulajdonságok túlcsordul

overflow tulajdonság felelős tartalmának kijelzése egy blokk elem. Meg lehet alkalmazni abban az esetben, ha a tartalom nem illeszkedik teljesen ki és a terület a blokk.

túlfolyó-x - felelős feltérképezése a blokk tartalmát a vízszintes elem.
túlcsordulás-y - felelős feltérképezése a blokk tartalmát a függőleges elem.

Tulajdonságok és értékek túlfolyó

Tekintsük a példát a CSS osztály. A szélesség és magasság beállításához szükséges szélességét és magasságát az egység (mert nem jön ki a tartalmát az egység), és a túlfolyó tulajdonság: auto; kérdezze vízszintes görgetés, ha szükséges

Arra kényszerítve scroll CSS blokk

Azt is erőt hozzunk létre egy tekercs magassága és szélessége. Erre a célra az egyes tengelyeken: overflow-y: scroll; (Függőleges) túlfolyó-x: scroll; (Vízszintes), hogy elmondja a paraméter scroll, görgetés kényszerítette.

Példa div blokk görgethető

Tulajdonságainak egyike lehet távolítani a túlcsordulás, akkor gördül végig csak egy tengely, ami elég.
Tekintse meg a script az alábbi példát.

Demo letöltése a forráskód
Megadhatja a kényszerű görgetés csak egy tengely mentén. Ahhoz, hogy eltávolítjuk ezt a vonalat rendre vagy túlfolyó-X, vagy túlfolyó-y.