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
-
Webdesign: Jak optimalizovat tlačítka na webu
7. března 2024 -
-
Monitory OLED: klíčové pojmy a funkce
13. května 2024 -
ZONER Webmail jako první v Česku přináší BIMI s VMC
11. července 2024
Nejnovější
-
Co je to neuronová síť
21. července 2025 -
Elektronický podpis – má dnes ještě uplatnění?
16. července 2025 -
Co je to Generative Engine Optimization (GEO)
11. července 2025 -
Počítač v kapse: Android 16 připravuje průlomový Desktop Mode
8. července 2025