Scrollbar vlevo
17. 11. 2005 | Redakce Interval.cz | Pro CSS | Komentáře: 0
Tento příklad ukazuje jak jednoduše vytvořit scrollovací lištu vlevo od scrollováného objektu například textového pole. Lze například použít pro originální "převráceny" design.
Zde si můžete prohlédnout výsledek.
Toto řešení publikoval Stu Nicholls. Popis najdete v článku LEFT SCROLL BARS.
CSS
#scroll
{
unicode-bidi:bidi-override;
direction:rtl; display:block;
width:300px; height:100px;
overflow:auto; padding:5px;
border:1px solid #ba8;
margin:0 auto;
}
#info
{
height:15em;
min-height:15em;
}
XHTML
<html>
<body>
<div id="scroll">
<div dir="ltr">
<p>Lorem ipsum dolor...</p>
<p>In id ante volutpat eros....</p>
<p>Duis libero. Donec aliquam....</p>
</div>
</div>
</body>
</html>
Další aktuální články na interval.cz
- Chamurappiho Webylon: čtyři články s kritikou W3C
- Nenápadný cloud: synchronizace dat z prohlížečů
- Pozvánka: Random Hacks of Kindness 2012
- Zajímavost o češtině pro redakční systém WordPress
- Pozvánka na konferenci o vyhledávačích zboží 2012
Tematicky související články
- Simulace rámců 2
- Horizontální menu s vertikálním písmem
- Onclick menu bez reloadu i JS
- Simulace animace v CSS
- Záložkové menu vysouvající se nahoru
Dejte vědět i ostatním o článku
Diskuse (počet komentářů: 0)
Buďte prvním návštěvníkem, který přidá nový komentář.
