Scrollbar vlevo
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>
Předchozí článek
CSS font
Další článek
Seznam s obrázky jako odrážkami
Mohlo by vás také zajímat
-
10 nejčastějších chyb při tvorbě webu na WordPressu
28. července 2025 -
Jak využít AI potenciál svého Macu?
9. ledna 2025 -
Aukce CZ domén: Jak vydražit expirovanou CZ doménu?
12. června 2024 -
Aktualizujete svoji .NET webovou aplikaci? Může se hodit app_offline.htm
10. července 2024
