Testreszabás görgetősávok - css3 HTML5, példák és megoldások

Görgetősáv nem csak használják a weboldalakat, hanem önálló formában, így az alakja és mérete is fontos. És egy szép design ötvözi a hagyományos görgetősáv nem. A legegyszerűbb megoldás erre a problémára - ez stílusú vezérlõgombhoz css3 eszközökkel. Korlátozása ennek a módszernek, hogy ez csak akkor működik a WebKit böngésző

Itt egy példa a HTML kódot munka:

Nézzük az egyes elemek

:: - WebKit-görgetősáv-pálya - állítja a pálya kerekítés a szélek 4px

:: - WebKit-görgetősáv - A szélessége a scroll 6px

:: - WebKit-görgetősáv-hüvelykujj - beállítja a színt és a görbületi sugara a pályán

: Hover :: - WebKit-görgetősáv-hüvelykujj - Lebeg a blokk színe megváltozik pálya

Az eredmény ez a kód lesz a görgetősáv

Sok szöveget egy kis blokk egy csomó szöveget, egy kis blokk egy csomó szöveget, egy kis blokk egy csomó szöveget, egy kis blokk egy csomó szöveget, egy kis blokk egy csomó szöveget, egy kis blokk egy csomó szöveget, egy kis blokk egy csomó szöveget, egy kis blokk egy csomó szöveget, egy kis blokk sok szöveget egy kis dobozban sok szöveget egy kis blokk egy csomó szöveget, egy kis blokk egy csomó szöveget, egy kis blokk sok szöveget egy kis dobozban