Hogyan hozzunk létre a (sáv) görgetni az oldalt css3

Működési elvei a görgetősáv:
Amikor görgetés (scrolling), a kijelző mozgatni a jobb.
Ha az összes anyag elszakad a látogató a képernyőn, a jelző nem jelenik meg.

A kód két részből áll: HTML és CSS. A dokumentum tartalmazza a következőket:


Maga a mutató, vagy görgetősáv található a fejlécben, ott is a cím az oldal. Ezután jön a fő tartalommal is (ebben az esetben a hosszú szöveg). Ebben van néhány bekezdést. Természetesen, mivel a tartalom szolgálhat képek (galéria), és így tovább.

Természetesen a több szöveges Lorem Ipsum (sablonszöveget) Én ebben a fragmentum jelentősen csökken. Egy bemutató, ő lesz sokkal több azoknak, akik a nagy felbontású kijelzőn a görgetősáv. Ennek megfelelően, ha a szöveg elfér minden, a görgetősáv nem jelenik meg.


Mivel a legtöbb esetben, ha eltávolítjuk az extra párnázás html és a test címkéket, majd rögzítse a fejlécet. A header (ahol a fejlécben) Kéri a magasság és a szélesség, valamint a háttér színét. A címke főbb teszünk felső margó az oldal tartalma nem megy a blokk, ha az oldal tetején.

És már CSS3 teszünk a számítás, hogy hány százalék van görgetni az oldalt, és felhívni a gradiens formájában csíkokkal.

És persze, a demonstráció és a forráskód görgetősáv:

Köszönjük a figyelmet!

Kapcsolódó cikkek