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
-
Zabezpečení e-mailů: Jak můžete chránit vaši firemní komunikaci
13. prosince 2023 -
Windows App: Pracujte odkudkoliv, kdykoliv
3. listopadu 2024 -
Souboj na trhu s CPU pro servery: AMD vs. Intel
8. prosince 2023
Nejnovější
-
NIS2: Verifikace údajů vlastníků domén
6. ledna 2025 -
Dostali jste k vánocům PC? Využijte jeho AI potenciál!
3. ledna 2025 -
Jak rozšířit úložiště Macu za pětinovou cenu?
16. prosince 2024 -
Nové trendy v doménách pro osobní projekty – DIY, LIVING a LIFESTYLE
9. prosince 2024