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>
Mohlo by vás také zajímat
-
ZONER Webmail jako první v Česku přináší BIMI s VMC
11. července 2024 -
Thunderbolt 4 vs. OCuLink: Přišel čas na upgrade?
27. května 2024 -
Gaming na HDR monitoru: Stojí to za to?
12. srpna 2024 -
Webdesign: Jak optimalizovat tlačítka na webu
7. března 2024
Nejnovější
-
Jak chránit webové stránky před Web/AI Scrapingem
27. listopadu 2024 -
Jaký monitor je nejlepší k novému Macu Mini?
25. listopadu 2024 -
Výkonný a kompaktní: ASOME Max Studio s výjimečným poměrem cena/výkon
11. listopadu 2024 -
Šokující data od Microsoftu: Kyberútoky rostou o stovky procent!
8. listopadu 2024